/* Layout controls for editorial and commerce detail pages. */
.orisa-header-style {
    --orisa-header-background: var(--orisa-header-background-light, #FEFEFE);
    --orisa-header-text: var(--orisa-header-text-light, #1E1E1E);
    --orisa-header-menu: var(--orisa-header-menu-light, #1E1E1E);
    --orisa-header-menu-hover: var(--orisa-header-menu-hover-light, #F0460E);
}
:root[data-bs-theme="dark"] .orisa-header-style {
    --orisa-header-background: var(--orisa-header-background-dark, #1D1D1D);
    --orisa-header-text: var(--orisa-header-text-dark, #FEFEFE);
    --orisa-header-menu: var(--orisa-header-menu-dark, #FEFEFE);
    --orisa-header-menu-hover: var(--orisa-header-menu-hover-dark, #F0460E);
}
.header-top {
    --header-top-bg: var(--header-top-bg-light, #1D1D1D);
    --header-top-text: var(--header-top-text-light, #FEFEFE);
}
:root[data-bs-theme="dark"] .header-top {
    --header-top-bg: var(--header-top-bg-dark, #0C0C0C);
    --header-top-text: var(--header-top-text-dark, #FEFEFE);
}
.orisa-header-style--1 .at-header-area:not(.header-transparent) { background-color: var(--orisa-header-background) !important; }
.orisa-header-style--2 .at-header-area { background-color: var(--orisa-header-background) !important; }
.orisa-header-style--3 { background-color: var(--orisa-header-background) !important; }
.orisa-header-style .at-header-logo a,
.orisa-header-style .at-header-logo a p { color: var(--orisa-header-text) !important; }
.orisa-header-style .at-header-right > :not(.at-btn),
.orisa-header-style .at-header-right > :not(.at-btn) * { color: var(--orisa-header-text) !important; }
.orisa-header-style .at-main-menu nav > ul > li > a { color: var(--orisa-header-menu) !important; }
.orisa-header-style .at-main-menu nav > ul > li:hover > a,
.orisa-header-style .at-main-menu nav > ul > li.active > a,
.orisa-header-style .at-main-menu nav > ul > li.current-menu-item > a { color: var(--orisa-header-menu-hover) !important; }

.orisa-footer-style {
    --orisa-footer-background: var(--orisa-footer-background-light, #0a0a0a);
    --orisa-footer-text: var(--orisa-footer-text-light, #ffffff);
    --orisa-footer-heading: var(--orisa-footer-heading-light, #ffffff);
    --orisa-footer-border: var(--orisa-footer-border-light, #303234);
    color: var(--orisa-footer-text) !important;
}
:root[data-bs-theme="dark"] .orisa-footer-style {
    --orisa-footer-background: var(--orisa-footer-background-dark, #0a0a0a);
    --orisa-footer-text: var(--orisa-footer-text-dark, #ffffff);
    --orisa-footer-heading: var(--orisa-footer-heading-dark, #ffffff);
    --orisa-footer-border: var(--orisa-footer-border-dark, #303234);
}
.orisa-footer-style--1 .at-footer-area,
.orisa-footer-style--2,
.orisa-footer-style--2 .at-footer-area,
.orisa-footer-style--3 .at-footer-area,
.orisa-footer-style--4 .at-footer-area,
.orisa-footer-style--5 .at-footer-area {
    background-color: var(--orisa-footer-background) !important;
    color: var(--orisa-footer-text) !important;
}
.orisa-footer-style .at-footer-area * {
    color: var(--orisa-footer-text) !important;
}
.orisa-footer-style .at-footer-area :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6),
.orisa-footer-style .at-footer-area :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) * {
    color: var(--orisa-footer-heading) !important;
}
.orisa-footer-style .at-footer-area [class*="border"],
.orisa-footer-style .at-footer-area [class*="border"]::before,
.orisa-footer-style .at-footer-area [class*="border"]::after,
.orisa-footer-style .at-footer-area hr {
    border-color: var(--orisa-footer-border) !important;
}

.orisa-breadcrumb {
    --orisa-breadcrumb-title-light: #1e1e1e;
    --orisa-breadcrumb-text-light: #585959;
    --orisa-breadcrumb-link-light: #f0460e;
    --orisa-breadcrumb-title-dark: #f4f4f4;
    --orisa-breadcrumb-text-dark: #c9c9c9;
    --orisa-breadcrumb-link-dark: #f0460e;
    --orisa-breadcrumb-title: var(--orisa-breadcrumb-title-light);
    --orisa-breadcrumb-text: var(--orisa-breadcrumb-text-light);
    --orisa-breadcrumb-link: var(--orisa-breadcrumb-link-light);
    display: flex;
    align-items: center;
    isolation: isolate;
    min-height: 150px;
    color: var(--orisa-breadcrumb-text);
}
:root[data-bs-theme="dark"] .orisa-breadcrumb {
    --orisa-breadcrumb-title: var(--orisa-breadcrumb-title-dark);
    --orisa-breadcrumb-text: var(--orisa-breadcrumb-text-dark);
    --orisa-breadcrumb-link: var(--orisa-breadcrumb-link-dark);
}
:root:not([data-bs-theme="dark"]) .orisa-breadcrumb--custom-background-light {
    background-color: var(--orisa-breadcrumb-background-light) !important;
}
:root[data-bs-theme="dark"] .orisa-breadcrumb--custom-background-dark {
    background-color: var(--orisa-breadcrumb-background-dark) !important;
}

.orisa-breadcrumb > .container {
    position: relative;
    z-index: 2 !important;
    width: 100%;
}

.orisa-breadcrumb__content { width: 100%; }
.orisa-breadcrumb__title {
    margin: 0 0 12px;
    color: var(--orisa-breadcrumb-title);
    font-size: clamp(1.75rem, 4vw, 3.25rem);
    font-weight: 600;
    line-height: 1.05;
}
.orisa-breadcrumb__trail { margin: 0; color: var(--orisa-breadcrumb-text); }
.orisa-breadcrumb__trail a { color: var(--orisa-breadcrumb-link); text-decoration: none; }
.orisa-breadcrumb__trail a:hover { text-decoration: underline; text-underline-offset: 3px; }
.orisa-breadcrumb--centered .orisa-breadcrumb__content { text-align: center; }
.orisa-breadcrumb--centered .orisa-breadcrumb__trail { justify-content: center; }
.orisa-breadcrumb--compact { min-height: 0; padding-top: 24px !important; padding-bottom: 24px !important; }
.orisa-breadcrumb--compact .orisa-breadcrumb__title { margin-bottom: 6px; font-size: clamp(1.4rem, 2.6vw, 2.2rem); }
.orisa-breadcrumb--overlay .orisa-breadcrumb__overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgb(0 0 0 / 58%), rgb(0 0 0 / 18%));
    pointer-events: none;
}
.orisa-breadcrumb--overlay {
    --orisa-breadcrumb-title-light: #fff;
    --orisa-breadcrumb-text-light: #f4f4f4;
    --orisa-breadcrumb-link-light: #fff;
    --orisa-breadcrumb-title-dark: #fff;
    --orisa-breadcrumb-text-dark: #f4f4f4;
    --orisa-breadcrumb-link-dark: #fff;
}

.orisa-inline-breadcrumb {
    --orisa-breadcrumb-text-light: #585959;
    --orisa-breadcrumb-link-light: #f0460e;
    --orisa-breadcrumb-text-dark: #c9c9c9;
    --orisa-breadcrumb-link-dark: #f0460e;
    --orisa-breadcrumb-text: var(--orisa-breadcrumb-text-light);
    --orisa-breadcrumb-link: var(--orisa-breadcrumb-link-light);
    flex-wrap: wrap;
}
:root[data-bs-theme="dark"] .orisa-inline-breadcrumb {
    --orisa-breadcrumb-text: var(--orisa-breadcrumb-text-dark);
    --orisa-breadcrumb-link: var(--orisa-breadcrumb-link-dark);
}
.orisa-inline-breadcrumb .nav-menu__item-separator { color: var(--orisa-breadcrumb-text) !important; }
.orisa-inline-breadcrumb .nav-menu__item { color: var(--orisa-breadcrumb-text) !important; }
.orisa-inline-breadcrumb a.nav-menu__item { color: var(--orisa-breadcrumb-link) !important; }
.orisa-inline-breadcrumb--pill { gap: 8px !important; }
.orisa-inline-breadcrumb--pill a,
.orisa-inline-breadcrumb--pill > span:last-child {
    padding: 6px 11px;
    border-radius: 999px;
    background: #f4f1ed;
    text-decoration: none;
}
.orisa-inline-breadcrumb--pill .nav-menu__item-separator { color: var(--orisa-breadcrumb-text) !important; }
.orisa-inline-breadcrumb--underline a { text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 4px; }

.orisa-blog-card { height: 100%; }
.orisa-blog-archive--rounded .blog-card__thumb,
.orisa-blog-archive--rounded .blog-card__img-link,
.orisa-blog-archive--rounded .blog-card__img22 { overflow: hidden; border-radius: 18px; }
.orisa-blog-archive .blog-card__img22 { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.orisa-blog-archive--list .orisa-blog-card--list {
    display: grid;
    grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: clamp(20px, 4vw, 52px);
    padding: 0 0 30px;
    border-bottom: 1px solid #e8e5e1;
}
.orisa-blog-archive--list .blog-card__thumb { margin: 0; }
.orisa-blog-archive--list .blog-card__img22 { aspect-ratio: 16 / 10; }
.orisa-blog-archive--list .blog-card__content { padding: 12px 0; }
.orisa-blog-archive--editorial .alt-portfolio-thumb { overflow: hidden; border-radius: 22px; }
.orisa-blog-archive--editorial .alt-portfolio-thumb::after { background: linear-gradient(0deg, rgb(0 0 0 / 70%), transparent 72%); }

.orisa-article-cover {
    position: relative;
    display: flex;
    min-height: clamp(420px, 58vw, 680px);
    align-items: end;
    overflow: hidden;
    border-radius: 24px;
    isolation: isolate;
    background: #262321;
}
.orisa-article-cover__image,
.orisa-article-cover__shade { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; }
.orisa-article-cover__image { object-fit: cover; }
.orisa-article-cover__shade { z-index: 0; background: linear-gradient(90deg, rgb(0 0 0 / 74%), rgb(0 0 0 / 8%)), linear-gradient(0deg, rgb(0 0 0 / 36%), transparent 55%); }
.orisa-article-cover__content { position: relative; z-index: 1; max-width: 900px; padding: clamp(30px, 7vw, 88px); color: #fff; }
.orisa-article-cover__breadcrumb,
.orisa-article-cover__breadcrumb .nav-menu__item { color: var(--orisa-breadcrumb-text) !important; }
.orisa-article-cover__breadcrumb a.nav-menu__item { color: var(--orisa-breadcrumb-link) !important; }
.orisa-article-cover__breadcrumb svg { filter: none; }
.orisa-article-cover__title { max-width: 850px; margin: 14px 0 0; font-size: clamp(2.4rem, 6vw, 5.5rem); letter-spacing: -.045em; }
.orisa-article-cover__summary { max-width: 700px; margin: 20px 0 0; color: rgb(255 255 255 / 88%); font-size: clamp(1rem, 1.7vw, 1.25rem); }
.orisa-article--wide .content { max-width: 100%; }
.orisa-article--narrow .content { max-width: 760px; margin-inline: auto; }
.orisa-article__byline { width: 100%; }

.orisa-product-detail--editorial .content-product-right {
    padding: clamp(24px, 4vw, 48px);
    border: 1px solid #eee6df;
    border-radius: 22px;
    background: linear-gradient(145deg, #fffaf6, #fff 68%);
    box-shadow: 0 18px 55px rgb(48 28 16 / 7%);
}
.orisa-product-detail--editorial .content-product-right__title { letter-spacing: -.035em; }
.orisa-product-details-extra--editorial .row.g-4.mb-50 { padding: clamp(20px, 4vw, 42px); border-radius: 22px; background: #f8f5f1; }

.orisa-service-detail--style-2 .orisa-service-detail__hero-image { position: relative; overflow: hidden; border-radius: 24px; }
.orisa-service-detail--style-2 .orisa-service-detail__hero-image img { display: block; min-height: 360px; object-fit: cover; }
.orisa-service-detail--style-2 h1 { font-size: clamp(2.6rem, 5vw, 5.5rem); line-height: .98; }

.orisa-project-hero--cinematic {
    position: relative;
    display: flex;
    min-height: clamp(480px, 68vw, 760px);
    align-items: end;
    overflow: hidden;
    isolation: isolate;
    background: #171514;
}
.orisa-project-hero__image,
.orisa-project-hero__shade { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; }
.orisa-project-hero__image { object-fit: cover; }
.orisa-project-hero__shade { z-index: 0; background: linear-gradient(90deg, rgb(0 0 0 / 72%), rgb(0 0 0 / 10%)), linear-gradient(0deg, rgb(0 0 0 / 45%), transparent 62%); }
.orisa-project-hero__content { position: relative; z-index: 1; width: 100%; padding-top: 150px; padding-bottom: clamp(50px, 8vw, 110px); color: #fff; }
.orisa-project-hero__eyebrow { margin-bottom: 12px; color: rgb(255 255 255 / 70%); font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.orisa-project-hero--cinematic .orisa-project-category-tag { display: inline-flex; margin: 0 0 18px; color: #fff; border-color: rgb(255 255 255 / 48%); }
.orisa-project-hero__title { max-width: 980px; margin: 0; font-size: clamp(3rem, 8vw, 7rem); font-weight: 600; letter-spacing: -.05em; line-height: .95; }
.orisa-project-hero__description { max-width: 680px; margin: 22px 0 0; color: rgb(255 255 255 / 84%); font-size: clamp(1rem, 1.8vw, 1.3rem); }
.orisa-project-hero__link { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; color: #fff; font-weight: 600; text-decoration: none; }
.orisa-project-hero__link:hover { color: #ffc6ae; }
.orisa-project-content--wide .ck-content { max-width: 1100px; }

@media (max-width: 767.98px) {
    .orisa-blog-archive--list .orisa-blog-card--list { grid-template-columns: 1fr; gap: 14px; }
    .orisa-article-cover { min-height: 500px; border-radius: 16px; }
    .orisa-project-hero--cinematic { min-height: 560px; }
    .orisa-breadcrumb--centered .orisa-breadcrumb__trail { justify-content: center; }
}