/* -------------------------------------------------------
   PRT Theme (Bootstrap skin)
   Palette (from brief):
   Orange: #E35619
   Background: #FFF8ED
   Dark Grey: #393636
-------------------------------------------------------- */

:root {
    --prt-orange: #E35619;
    --prt-bg: #FFF8ED;
    --prt-ink: #393636;
    --prt-ink-soft: #4c4949;
    --prt-card: #fffdf8;

    --prt-radius: 28px;
    --prt-radius-sm: 18px;
    --prt-shadow: 0 10px 30px rgba(57, 54, 54, 0.12);
    --prt-shadow-soft: 0 8px 22px rgba(57, 54, 54, 0.10);

    --prt-maxw: 1280px;

    --prt-nav-offset: 130px;

    --prt-scale: 1;

    /* animation timing */
    --prt-ease: cubic-bezier(.22, .61, .36, 1);
    --prt-dur: 0.6s;

    --page-max: 1280px;
    --page-gutter: 16px;
    --page-pad: 16px;
    /* your base gutter */
    /* match your site */

    --prt-anchor-offset: 110px;
    /* tweak to match header height */
}

.prt-band,
.prt-help {
    scroll-margin-top: var(--prt-anchor-offset);
}

/* Optional: cover other anchored elements too */
[id] {
    scroll-margin-top: var(--prt-anchor-offset);
}

html {
    scroll-behavior: smooth;
}

/* Brand text selection */
::selection {
    background: rgba(227, 86, 25, 0.45);
    /* PRT orange, softened */
    color: #393636;
    /* ink */
}

::-moz-selection {
    background: rgba(227, 86, 25, 0.45);
    color: #393636;
}


/* Self-hosted fonts */

@font-face {
    font-family: "Lovelace";
    src: url("../fonts/lovelace.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lovelace";
    src: url("../fonts/lovelace-italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

html,
body {
    background: var(--prt-bg);
    color: var(--prt-ink);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 20px;
}

a {
    color: inherit;
}

a:hover {
    color: var(--prt-orange);
}

/* Container width to match “editorial” feel */
.prt-container {
    max-width: var(--prt-maxw);
}

/* This computes the extra space either side of a centered 1280px container */
.prt-hero {
    --container-gutter: max(var(--page-pad), calc((100vw - var(--page-max)) / 2));
}

/* Typography helpers */
.prt-brand {
    font-family: "TT Fors", system-ui, sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.prt-script {
    font-family: "Lovelace", serif;
    font-style: italic;
    letter-spacing: 0.01em;
}

.prt-script-base {
    font-family: "Lovelace", serif;
    font-style: normal;
    letter-spacing: 0.01em;
}

.prt-h1 {
    font-family: "TT Fors", system-ui, sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--prt-orange);
}

.prt-section-title {
    font-family: "TT Fors", system-ui, sans-serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--prt-orange);
}

/* Buttons (Bootstrap-compatible) */
.btn-prt {
    --bs-btn-bg: var(--prt-orange);
    --bs-btn-border-color: var(--prt-orange);
    --bs-btn-hover-bg: #cf4d15;
    --bs-btn-hover-border-color: #cf4d15;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    border-radius: 999px;
    padding: .7rem 1.1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.btn-prt {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}


.btn-prt-outline {
    border-radius: 999px;
    border: 2px solid var(--prt-orange);
    color: var(--prt-orange);
    background: transparent;
    padding: .65rem 1.05rem;
    font-weight: 600;
}

.btn-prt-outline:hover {
    background: rgba(227, 86, 25, 0.08);
    color: var(--prt-orange);
}

/* === HERO: flush to top of page === */
.prt-hero {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
}

.prt-hero {
    --container-gutter: max(var(--page-pad), calc((100vw - var(--page-max)) / 2));
}

.hero-img-nonhome {
    border-bottom-right-radius: 48px;
}


/* Make the whole hero a viewport-height band */
.prt-hero .row {
    min-height: 100vh;
}

.prt-hero .hero-img {
    width: 100%;
    height: 100%;
    /* key change */
    min-height: 600px;
    object-fit: cover;
    display: block;
}

@media (max-width: 991.98px) {
    .prt-hero .hero-img {
        height: 450px;
        min-height: 0;
    }
}


.prt-hero-imgcol,
.prt-hero-contentcol {
    min-height: 100vh;
    position: relative;
}

.prt-hero-imgcol::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 248, 237, 0.24);
    /* paper tint */
    pointer-events: none;
}

/* Right panel background */
.prt-hero-contentcol {
    background: var(--prt-bg);
    padding-right: var(--container-gutter);
}

/* The byline card panel padding */
.prt-hero-panel {
    height: 50%;
    display: flex;
    align-items: flex-start;
    padding: 0px 48px 48px;
    /* top padding to clear overlay title */
}

.prt-hero-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 300px;
    z-index: 2;
    pointer-events: none;
}

.prt-hero-overlay-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 140px 16px 0;
    /* move padding here */
}

.prt-hero-overlay-inner {
    padding: 0 16px;
}

.prt-hero-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* ⬅ pushes content to bottom */
    padding: 0px 48px 48px;
    position: relative;
    z-index: 3;
}

/* Title row */
.prt-hero-titleline {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

/* Large logo on hero only */
.prt-hero-logo {
    width: 120px;
    /* tweak */
    height: auto;
    display: block;
}

/* Big headline */
.prt-hero-title {
    font-family: "TT Fors", system-ui, sans-serif;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--prt-orange);
    font-size: clamp(2.2rem, 4.2vw, 4.2rem);
    line-height: 1.02;
}

/* Script tagline */
.prt-hero-tagline {
    color: var(--prt-orange);
    font-size: clamp(1.4rem, 2.2vw, 2.4rem);
    margin-top: 10px;
}

/* Optional: subtle split overlay like your reference (image -> panel) */
.prt-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0) 0 62%,
            rgba(255, 248, 237, 1) 62% 100%);
}

/* When stacked (below lg), don’t bottom-align */
@media (max-width: 991.98px) {
    .prt-hero .row {
        min-height: auto;
    }

    .prt-hero-imgcol,
    .prt-hero-contentcol {
        min-height: auto;
        /* stops the tall empty blocks */
    }

    .prt-hero-panel {
        justify-content: flex-start;
        /* content starts near top */
        padding: 24px 20px 32px;
        /* sensible mobile padding */
    }

    .prt-hero-overlay {
        position: static;
        /* overlay becomes normal flow on mobile */
        pointer-events: auto;
        margin: 24px 0 12px;
    }
}

.prt-hero-contentinner {
    max-width: var(--page-max);
    margin-left: auto;
    /* align to the right edge of the page container */
    margin-right: 0;
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    height: 100%;
}

/* === HERO END ===*/

/* Orange circular "by" badge */
.prt-by-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    margin-right: 8px;

    background: var(--prt-orange);
    color: var(--prt-bg);
    /* paper colour */

    font-family: "Lovelace", serif;
    /* or your script font */
    font-style: italic;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;

    border-radius: 50%;
    vertical-align: middle;
}

.prt-logo-icon {
    width: 100px;
}

/* Button row */
.prt-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}

/* Circular icon buttons */
.prt-icon-btn {
    width: 44px;
    height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: var(--prt-orange);
    color: var(--prt-bg);

    border-radius: 50%;
    text-decoration: none;

    transition: transform .15s ease, box-shadow .15s ease;
}

.prt-icon-btn i {
    font-size: 1.25rem;
}

/* Hover / focus */
.prt-icon-btn:hover,
.prt-icon-btn:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: var(--prt-bg);
}

/* Primary CTA button */
.btn-prt {
    font-family: "TT Fors", system-ui, sans-serif;
    background: var(--prt-orange);
    color: var(--prt-bg);

    border-radius: 999px;
    padding: 10px 18px;

    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;

    border: none;

    transition: transform .15s ease, box-shadow .15s ease;
}

.btn-prt:hover,
.btn-prt:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
    color: var(--prt-bg);
}

.prt-pill-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.prt-icon-pill {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 2px solid var(--prt-orange);
    color: var(--prt-orange);
    background: rgba(255, 255, 255, 0.35);
}

.prt-icon-pill i {
    font-size: 1.15rem;
}

/* Stats band */
.prt-stats {
    background: var(--prt-ink);
    color: #fff;
    padding: 20px 0;
}

.prt-stat {
    text-align: center;
}

.prt-stat .num {
    font-weight: 700;
    font-size: 2.25rem;
    letter-spacing: 0.02em;
}

.prt-stat .label {
    font-family: "Lovelace", serif;
    font-style: italic;
    opacity: .92;
    font-size: 1.25rem;
}

/* Services */
.prt-services {
    padding: 64px 0 36px;
}

.prt-service {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 6px;
}

.prt-service h3 {
    font-weight: 600;
    font-size: 1.05rem;
    margin: 0 0 8px;
}

.prt-service ul {
    margin: 0;
    padding-left: 18px;
    color: var(--prt-ink-soft);
}

.prt-arch-icon {
    width: 74px;
    height: 74px;
    border-radius: 26px;
    border: 2px solid var(--prt-orange);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.25);
}

.prt-arch-icon svg {
    width: 48px;
    height: 48px;
    stroke: var(--prt-orange);
}

/* Image band */
.prt-imageband {
    padding: 26px 0 0;
}

.prt-imageband img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

@media (min-width:992px) {
    .prt-imageband img {
        height: 260px;
    }
}

/* Quote/help block */
.prt-help {
    padding: 60px 0;
}

.prt-help .help-box {
    background: transparent;
    border-top: 1px solid rgba(57, 54, 54, 0.16);
    border-bottom: 1px solid rgba(57, 54, 54, 0.16);
    padding: 28px 0;
}

.prt-help .help-icons {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: flex-start;
}

.prt-help .help-icons .prt-arch-icon {
    width: 64px;
    height: 64px;
    border-radius: 24px;
}

.prt-help .help-text {
    font-family: "Lovelace", serif;
    font-size: 1.25rem;
    color: var(--prt-ink);
    margin: 0;
}

/* Work with me + contact */
.prt-work {
    padding: 40px 0 80px;
}

.prt-form {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);
    padding: 22px;
}

.form-control,
.form-select {
    border-radius: 14px;
    border: 1px solid rgba(57, 54, 54, 0.16);
    padding: .7rem .85rem;
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(227, 86, 25, 0.5);
    box-shadow: 0 0 0 .2rem rgba(227, 86, 25, 0.15);
}

.prt-contact-card {
    padding: 18px;
    border-radius: var(--prt-radius);
    border: 1px solid rgba(57, 54, 54, 0.12);
    background: transparent;
}

.prt-contact-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 2px solid var(--prt-orange);
    color: var(--prt-orange);
    margin-bottom: 10px;
    width: fit-content;
    text-decoration: none;
}

.prt-contact-pill i {
    font-size: 1.1rem;
}

.prt-ryan {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 5rem;
}

.prt-ryan img {
    width: 150px;
    height: 150px;
    border-radius: 999px;
    object-fit: cover;
    border: 3px solid rgba(227, 86, 25, 1);
}

/* Certifications */
.prt-certs {
    padding: 70px 0 70px;
}

.prt-certs .cert-logos {
    display: flex;
    gap: 24px;
    align-items: right;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.prt-certs .cert-logos img {
    height: 80px;
    width: auto;
    filter: none;
}

/* Footer placeholder */
.prt-footer {
    padding: 26px 0 60px;
    color: rgba(57, 54, 54, 0.7);
    font-size: .92rem;
}

/* Mobile adjustments */
@media (max-width: 991.98px) {
    .prt-hero::before {
        background: linear-gradient(180deg, transparent 0 56%, rgba(255, 248, 237, 0.98) 56% 100%);
    }

    .prt-hero .byline-card {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid rgba(57, 54, 54, 0.18);
        padding-top: 16px;
        margin-top: 12px;
    }

    .prt-nav {
        border-radius: 26px;
        padding: 14px 18px;
    }
}

/* Image band: single source of truth */
.prt-imageband {
    --band-h: 600px;
    /* change this */
    padding: 0;
    /* optional */
}

.prt-imageband .row {
    height: var(--band-h);
    min-height: 0;
    /* important: cancels any old min-height */
}

.prt-imageband [class^="col-"],
.prt-imageband [class*=" col-"] {
    height: 100%;
}

.prt-imageband img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Desktop/tablet (lg and up): band is a single fixed-height strip */
@media (min-width: 992px) {
    .prt-imageband {
        --band-h: 300px;
    }

    /* tweak */
    .prt-imageband .row {
        height: var(--band-h);
    }

    .prt-imageband [class^="col-"],
    .prt-imageband [class*=" col-"] {
        height: 100%;
    }

    .prt-imageband img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}

/* Mobile: columns stack, so the band must be auto-height */
@media (max-width: 991.98px) {
    .prt-imageband .row {
        height: auto;
    }

    /* IMPORTANT */
    .prt-imageband [class^="col-"],
    .prt-imageband [class*=" col-"] {
        height: auto;
    }

    .prt-imageband img {
        width: 100%;
        height: 220px;
        /* tweak */
        object-fit: cover;
        display: block;
    }
}

@media (max-width: 991.98px) {

    .prt-hero-imgcol,
    .prt-hero-contentcol {
        min-height: auto;
        /* ← key line */
    }

    .prt-hero-panel {
        height: auto;
        /* let content define height */
        justify-content: flex-start;
    }

}

@media (max-width: 991.98px) {
    .prt-hero-overlay {
        position: absolute;
        top: 130px;
        left: 0;
        right: 0;
        margin: 0;
        pointer-events: none;
        z-index: 3;
    }

    .prt-hero-overlay-inner {
        padding: 110px 16px 0;
        /* tweak so it sits nicely */
    }
}

/* =========================
   FOOTER (PRT)
   ========================= */

.footer {
    position: relative;
    background: var(--prt-ink);
    color: rgba(255, 255, 255, 0.86);
    padding: 70px 0 0;
    font-size: 0.95rem;
}

.footer .foothead {
    font-family: "TT Fors", system-ui, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    font-size: 0.95rem;
    color: #fff;
    margin-bottom: 14px;
}

.footer p {
    color: rgba(255, 255, 255, 0.78);
}

.footer a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}

.footer a:hover,
.footer a:focus-visible {
    color: var(--prt-bg);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.footer ul li {
    margin-bottom: 8px;
}

/* icons in contact list */
.footer .bi {
    color: rgba(255, 255, 255, 0.75);
}

/* Social links row */
.footer .social-links a {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    margin-right: 10px;
}

.footer .social-links a:hover,
.footer .social-links a:focus-visible {
    background: rgba(255, 255, 255, 0.16);
}

/* “legal” strip at the bottom of the footer */
.footer .row.align-items-top {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 18px;
    margin-top: 18px;
}

/* Footer image: treat it like a soft “texture band” */
.footerimage {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    opacity: 0.18;
    filter: saturate(0.9) contrast(1.05);
    margin-top: 34px;
}

/* Optional: fade footer image into the footer background */
.footerimage {
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

@media (max-width: 991.98px) {
    .footer {
        padding-top: 46px;
    }

    .footerimage {
        height: 180px;
    }
}

.dock-action#open-whatsapp i {
    background: rgba(0, 200, 0, .10);
    color: #079807;
}

.footer .container {
    max-width: var(--prt-maxw);
}

/* ---------------------------------------------------------
   Contact Dock (PRT – restrained)
--------------------------------------------------------- */

.contact-dock {
    position: fixed;
    right: calc(16px + env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 1060;
    display: grid;
    gap: .5rem;
    font-size: .92rem;
    /* global reduction */
}

/* Toggle button */
.dock-toggle {
    width: 60px;
    height: 60px;
    border-radius: 999px;
    border: 1px solid rgba(57, 54, 54, .22);
    background: var(--prt-orange);
    color: var(--prt-bg);
    box-shadow: var(--prt-shadow);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .2s ease, background .15s ease;
}

.dock-toggle i {
    font-size: 1.6rem;
    line-height: 1;
}

.dock-toggle:hover {
    background: var(--prt-orange);
}

/* Panel */
.dock-panel {
    width: min(92vw, 340px);
    background: var(--prt-card);
    border: 1px solid rgba(57, 54, 54, .14);
    border-radius: 18px;
    box-shadow: var(--prt-shadow);
    overflow: hidden;
    transform-origin: bottom right;
    animation: dock-in .16s ease;
}

@keyframes dock-in {
    from {
        transform: scale(.985);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Header */
.dock-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem .9rem;
    background: var(--prt-bg);
    border-bottom: 1px solid rgba(57, 54, 54, .12);
}

.dock-header strong {
    font-size: .9rem;
    font-weight: 700;
    color: var(--prt-ink);
}

/* Close */
.dock-close {
    border: 1px solid rgba(57, 54, 54, .16);
    background: var(--prt-card);
    padding: .3rem .45rem;
    font-size: .8rem;
    color: var(--prt-ink-soft);
    border-radius: 12px;
    cursor: pointer;
}

.dock-close:hover {
    background: rgba(57, 54, 54, .06);
}

/* Actions */
.dock-actions {
    display: grid;
    gap: .45rem;
    padding: .65rem;
}

/* Action rows */
.dock-action {
    display: flex;
    align-items: center;
    gap: .65rem;
    text-decoration: none;
    border: 1px solid rgba(57, 54, 54, .14);
    background: var(--prt-card);
    border-radius: 16px;
    padding: .55rem .65rem;
    color: var(--prt-ink);
    box-shadow: 2px 2px 0 rgba(57, 54, 54, .08);
    transition: transform .08s ease, box-shadow .12s ease;
}

.dock-action:hover {
    box-shadow: 1px 1px 0 rgba(57, 54, 54, .08);
    background-color: rgba(0, 0, 0, .06);
}

/* Icon */
.dock-action i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: rgba(57, 54, 54, .06);
    color: var(--prt-orange);
    font-size: .95rem;
    flex: 0 0 auto;
}

/* Text */
.dock-action strong {
    display: block;
    font-size: .88rem;
    font-weight: 700;
}

.dock-action small {
    display: block;
    font-size: .78rem;
    color: var(--prt-ink-soft);
    margin-top: -1px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

    .dock-panel,
    .dock-toggle,
    .dock-action {
        animation: none;
        transition: none;
    }
}

/* =========================
   Cookie Notice (PRT)
   ========================= */
.prt-cookie-notice {
    position: fixed;
    right: calc(16px + env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 1065;
}

.prt-cookie-notice[hidden] {
    display: none !important;
}

.prt-cookie-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;

    width: min(92vw, 420px);
    padding: .75rem .85rem;

    background: var(--prt-card);
    border: 1px solid rgba(57, 54, 54, .14);
    border-radius: var(--prt-radius-sm);
    box-shadow: var(--prt-shadow);
}

.prt-cookie-icon {
    width: 40px;
    height: 40px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: var(--prt-orange);
    color: ;
    font-size: 1.2rem;
}

.prt-cookie-title {
    font-weight: 800;
    font-size: .92rem;
    color: var(--prt-ink);
    line-height: 1.1;
}

.prt-cookie-sub {
    font-size: .84rem;
    color: var(--prt-ink-soft);
    margin-top: 2px;
    line-height: 1.25;
}

.prt-cookie-close {
    border: 1px solid rgba(57, 54, 54, .16);
    background: var(--prt-bg);
    color: var(--prt-ink);
    border-radius: 14px;
    padding: .42rem .6rem;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .08s ease, background .12s ease;
}

.prt-cookie-close:hover {
    background: rgba(57, 54, 54, .06);
    transform: translateY(-1px);
}

.prt-cookie-close:focus-visible {
    outline: 3px solid rgba(227, 86, 25, .28);
    outline-offset: 3px;
}

/* =========================================================
   Force navbar collapse earlier than Bootstrap (1300px)
   Keeps brand text, shows burger, collapses menu <1300
   ========================================================= */

@media (max-width: 1299.98px) {

    /* show the burger */
    .navbar-expand-lg .navbar-toggler {
        display: inline-flex !important;
    }

    /* hide the menu by default (until .show) */
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        flex-basis: 100%;
    }

    /* when opened, show it */
    .navbar-expand-lg .navbar-collapse.show {
        display: block !important;
    }

    /* stack links vertically like a normal collapsed menu */
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        gap: 6px;
        margin-top: 12px;
    }

    /* optional: make links easier to tap */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 8px;
    }
}

/* ensure “expanded” behaviour returns at >=1300 */
@media (min-width: 1300px) {
    .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
    }
}

/* Extra-small screens: simplify branding */
@media (max-width: 479.98px) {

    /* Hide header brand text */
    .prt-brand-text {
        display: none;
    }

    /* Hide hero tagline */
    .prt-hero-tagline {
        display: none;
    }
}

.btn-prt {
    font-family: "TT Fors", system-ui, sans-serif;
    background: var(--prt-orange);
    color: var(--prt-bg);

    border-radius: 999px;
    padding: 10px 18px;

    font-weight: 700;
    /* ↑ make it bold */
    font-size: 1.05rem;
    /* ↑ pushes it over WCAG large-text threshold */
    letter-spacing: .04em;
    text-transform: uppercase;

    border: none;
}

/* =========================
   PRT Form Messages
   ========================= */

.prt-form-message {
    margin-top: 18px;
    margin-bottom: 18px;

    padding: 16px 18px;
    border-radius: var(--prt-radius);
    border: 1px solid rgba(57, 54, 54, 0.14);

    font-size: 0.95rem;
    line-height: 1.45;

    box-shadow: var(--prt-shadow-soft);
}

/* Success (green, but restrained) */
.prt-form-success {
    background: #dff1e8;
    /* your existing green tone */
    color: #234b3b;
    border-color: rgba(35, 75, 59, 0.25);
}

/* Warning (amber, on-theme) */
.prt-form-warning {
    background: rgba(227, 86, 25, 0.12);
    color: var(--prt-ink);
    border-color: rgba(227, 86, 25, 0.35);
}

/* Error (soft red, not shouty) */
.prt-form-error {
    background: #f8e3e3;
    color: #5a1f1f;
    border-color: rgba(90, 31, 31, 0.35);
}

/* Offset inner-page hero content from fixed nav */
.prt-hero-panel--offset {
    justify-content: flex-start;
    padding-top: 200px;
    /* clears fixed header */
}

/* Mobile: remove large offset */
@media (max-width: 991.98px) {
    .prt-hero-panel--offset {
        padding-top: 24px;
    }
}

.prt-hero-panel--offset h2 {
    font-family: "TT Fors", system-ui, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--prt-orange);
    margin-bottom: 12px;
}

.prt-hero-panel--offset .prt-hero-logo {
    width: 88px;
    margin-bottom: 16px;
}

/* Legal page header */
.prt-legal-header {
    margin-top: 120px;
    /* clears fixed nav */
    margin-bottom: 48px;
}

.prt-legal-header h1 {
    font-family: "TT Fors", system-ui, sans-serif;
    font-size: clamp(2rem, 3vw, 2.6rem);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--prt-orange);
    margin-bottom: 12px;
}

.prt-legal-sub {
    font-size: 1.05rem;
    color: var(--prt-ink-soft);
    max-width: 46ch;
}

/* Mobile: reduce top spacing */
@media (max-width: 991.98px) {
    .prt-legal-header {
        margin-top: 88px;
        margin-bottom: 32px;
    }
}

/* Legal / policy pages */

.prt-legal {
    padding-bottom: 100px;
}

/* Push content below fixed / animated nav */
.prt-legal-header {
    margin-top: 220px;
    margin-bottom: 48px;
}

.prt-legal-header h1 {
    font-family: "TT Fors", system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--prt-orange);
    font-size: clamp(2.1rem, 3vw, 2.6rem);
    margin-bottom: 14px;
}

.prt-legal-sub {
    color: var(--prt-ink-soft);
    font-size: 1.05rem;
    max-width: 52ch;
}

.prt-legal-meta {
    margin-bottom: 32px;
    color: var(--prt-ink-soft);
}

/* Section headings */
.prt-legal h3 {
    margin-top: 2.4rem;
    margin-bottom: .8rem;
    font-family: "TT Fors", system-ui, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--prt-orange);
    font-size: 1.15rem;
}

/* Mobile tuning */
@media (max-width: 991.98px) {
    .prt-legal-header {
        margin-top: 100px;
        margin-bottom: 32px;
    }
}

:root {
    --prt-ink-strong: #2b2b2b;
}

.prt-legal h3 {
    color: var(--prt-ink-strong);
    border-left: 3px solid var(--prt-orange);
    padding-left: 12px;
}

/* Hero jump links */
.prt-hero-jumplist,
.prt-areas {
    margin-top: 28px;
}

.prt-hero-jumplist-title,
.prt-area-title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #934521;
    margin-bottom: 12px;
}

.prt-hero-jumps,
.prt-areas {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.prt-hero-jumps a,
.prt-areas li,
.prt-lozenge {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.04);
    color: var(--prt-ink);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}

.prt-hero-jumps a:hover,
.prt-hero-jumps a:focus-visible,
.prt-areas li:hover {
    background: rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

/* Contact action pills */
.prt-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.prt-contact-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.04);
    color: var(--prt-ink);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}

.prt-contact-pill i {
    font-size: 1.05rem;
    color: var(--prt-orange);
}

/* Icon-only contact pills should be perfect circles */
.prt-contact-pill--icon {
    padding: 0;
    width: 56px;
    height: 56px;
    justify-content: center;
}

.prt-contact-pill--icon i {
    font-size: 1.15rem;
    line-height: 1;
}


/* Hover / focus */
.prt-contact-pill:hover,
.prt-contact-pill:focus-visible {
    background: rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

@media (max-width: 991.98px) {
    .prt-contact-actions {
        margin-top: 20px;
    }

    .prt-contact-pill {
        font-size: 0.9rem;
        padding: 9px 14px;
    }
}

.prt-contact-address {
    margin-top: 24px;
    font-size: 0.9rem;
    color: var(--prt-ink-soft);
    max-width: 50ch;
}

.prt-hero-steps {
    display: flex;
    gap: 18px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.prt-hero-step {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95rem;
    color: var(--prt-ink);
}

.prt-step-num {
    display: inline-flex;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.06);
    font-weight: 600;
    font-size: 0.85rem;
}

/* =========================
   ABOUT CONTENT (editorial bands)
   ========================= */

.prt-about-content {
    padding: 10px 0 0;
}

.prt-band {
    padding: 56px 0;
}

.prt-prose {
    max-width: 65ch;
    color: var(--prt-ink);
}

.prt-prose-muted {
    color: var(--prt-ink-soft);
}

.prt-bullets {
    margin: 18px 0 0;
    padding-left: 20px;
    color: var(--prt-ink-soft);
}

.prt-cta-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}

/* Mini “service rows” (borrows homepage feel) */
.prt-mini-services {
    margin-top: 20px;
    display: grid;
    gap: 18px;
}

.prt-mini-service {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 10px 0;
}

.prt-mini-service h3 {
    font-weight: 600;
    font-size: 1.05rem;
    margin: 0 0 8px;
}

.prt-mini-service ul {
    margin: 0;
    padding-left: 18px;
    color: var(--prt-ink-soft);
}

/* Area pills, calm + paper */
.prt-area-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.prt-area-pill {
    border: 2px solid var(--prt-orange);
    color: var(--prt-orange);
    border-radius: 999px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.25);
    font-size: 0.95rem;
}

/* Section divider — constrained to prt-container width */
.prt-section-divider {
    border-top: 1px solid rgba(57, 54, 54, 0.16);
    margin: 0;
}

/* WHO WE WORK WITH: icon grid */
.prt-client-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

@media (max-width: 991.98px) {
    .prt-client-grid {
        grid-template-columns: 1fr;
        /* stacks cleanly on mobile */
    }
}

.prt-client-tile {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 12px 0;
    text-decoration: none;
    color: inherit;
}

.prt-client-tile:nth-child(-n+2) {
    /* first row tiles: no top rule so it feels lighter */
    border-top: none;
}

@media (max-width: 991.98px) {
    .prt-client-tile:nth-child(-n+2) {}

    .prt-client-tile:first-child {
        border-top: none;
    }
}

.prt-client-tile h3 {
    font-size: 1.08rem;
    margin: 0 0 6px;
    font-weight: 600;
}

.prt-client-tile p {
    margin: 0;
    color: var(--prt-ink-soft);
}

.prt-client-tile:hover {
    color: inherit;
}

.prt-client-tile:hover h3 {
    text-underline-offset: 3px;
}

/* FAQ accordion (PRT style) */
.prt-faq {
    border-top: 1px solid rgba(57, 54, 54, 0.16);
}

.prt-faq-item {
    border-bottom: 1px solid rgba(57, 54, 54, 0.16);
}

.prt-faq-h {
    margin: 0;
}

.prt-faq-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    padding: 16px 0;
    /* slightly tighter */
    background: transparent;
    border: 0;
    text-align: left;
    color: var(--prt-ink);
}

/* Question text — smaller, calmer */
.prt-faq-q {
    font-weight: 600;
    /* was 700 */
    font-size: 1rem;
    /* reduce size */
    line-height: 1.35;
}

/* Answer text — regular paragraph */
.prt-faq-body {
    padding: 0 0 16px 0;
    color: var(--prt-ink-soft);
}

.prt-faq-body p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Plus-in-circle toggle (PRT orange) */
.prt-faq-toggle {
    flex: 0 0 auto;
    width: 36px;
    /* slightly smaller */
    height: 36px;
    border-radius: 999px;
    border: 2px solid var(--prt-orange);
    position: relative;
}

/* horizontal line */
.prt-faq-toggle::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 2px;
    background: var(--prt-orange);
    transform: translate(-50%, -50%);
}

/* vertical line */
.prt-faq-toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 14px;
    background: var(--prt-orange);
    transform: translate(-50%, -50%);
    transition: opacity 160ms ease;
}

/* Expanded state = minus */
.prt-faq-btn[aria-expanded="true"] .prt-faq-toggle::after {
    opacity: 0;
}

/* Hover & focus — no underline */
.prt-faq-btn:hover .prt-faq-q {
    text-decoration: none;
    /* explicitly no underline */
}

.prt-faq-btn:focus-visible {
    outline: 2px solid rgba(227, 86, 25, 0.45);
    outline-offset: 6px;
    border-radius: 8px;
}

/* Mode switch bars (existing / new buildings) */
.prt-stat--mode {
    padding: 2.5rem 1.5rem;
}

.prt-stat--mode .label {
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: var(--prt-card);
}

/* =========================
   FEES CARDS (match prt-form card)
   ========================= */

.prt-fees {
    padding: 64px 0;
}

.prt-fee-card {
    height: 100%;
    text-align: center;

    /* Match the prt-form “card” feel */
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);

    padding: 22px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.prt-fee-icon {
    width: 92px;
    /* tweak */
    height: auto;
    margin-bottom: 10px;
}

.prt-fee-title {
    font-family: "TT Fors", system-ui, sans-serif;
    font-weight: 500;
    /* less bold */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 1.05rem;
    /* restrained */
    margin: 6px 0 10px;
    color: var(--prt-ink);
}

.prt-fee-copy {
    color: var(--prt-ink-soft);
    font-size: 0.85rem;
    line-height: 1.45;
    margin: 0 0 10px;
}

.prt-fee-meta {
    color: #934521;
    font-size: 0.85rem;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
    /* pushes actions down */
}

.prt-fee-actions {
    margin-top: 14px;
}

/* Make pills play nicely centred */
.prt-fee-card .prt-contact-pill {
    justify-content: center;
}

/* =========================
   SERVICES: expandable tiles
   ========================= */

.prt-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 575.98px) {
    .prt-service-grid {
        grid-template-columns: 1fr;
    }
}

.prt-service-tile {
    width: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);
    padding: 14px 14px;

    display: grid;
    grid-template-columns: 44px 1fr 38px;
    align-items: center;
    gap: 12px;

    transition: transform .12s ease, border-color .12s ease;
}

.prt-service-tile:hover {
    transform: translateY(-1px);
    border-color: rgba(57, 54, 54, 0.18);
}

.prt-service-name {
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.98rem;
    color: var(--prt-ink);
    margin-bottom: 2px;
}

.prt-service-blurb {
    font-size: 0.95rem;
    color: var(--prt-ink-soft);
}

.prt-service-toggle {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(214, 81, 20, 0.40);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    justify-self: end;
}

/* plus icon */
.prt-service-toggle::before,
.prt-service-toggle::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background: var(--prt-orange);
    border-radius: 2px;
}

.prt-service-toggle::after {
    width: 2px;
    height: 14px;
}

/* panel under tiles */
.prt-service-panel {
    margin-top: 12px;
    padding: 18px 18px;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);
}

.prt-service-panel-title {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 10px;
}

/* Optional: reduced motion respect */
@media (prefers-reduced-motion: reduce) {
    .prt-service-tile {
        transition: none;
    }

    .prt-service-tile:hover {
        transform: none;
    }
}

/* =========================
   SERVICES: stacked accordion
   ========================= */

.prt-services-acc {}

.prt-services-item + .prt-services-item {
    /* border-top: 1px solid rgba(57, 54, 54, 0.12); */
    /* grey bar between items */
    margin-top: 14px;
    padding-top: 14px;
}

.prt-services-h {
    margin: 0;
}

.prt-services-btn {
    width: 100%;
    text-align: left;

    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);

    padding: 14px 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.prt-services-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    /* allows text to wrap nicely */
}

.prt-services-icon {
    width: 34px;
    /* smaller */
    height: auto;
    flex: 0 0 auto;
}

.prt-services-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.prt-services-title {
    font-weight: 500;
    /* less bold */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.98rem;
    color: var(--prt-ink);
}

.prt-services-blurb {
    font-size: 0.95rem;
    color: var(--prt-ink-soft);
}

/* Plus in circle (PRT orange) */
.prt-services-toggle {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(214, 81, 20, 0.55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
}

.prt-services-toggle::before,
.prt-services-toggle::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background: var(--prt-orange);
    border-radius: 2px;
}

.prt-services-toggle::after {
    width: 2px;
    height: 14px;
}

/* When expanded, turn plus into minus */
.prt-services-btn:not(.collapsed) .prt-services-toggle::after {
    display: none;
}

.prt-services-body {
    margin-top: 10px;
    padding: 16px 16px;

    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(57, 54, 54, 0.12);
    border-radius: var(--prt-radius);
    box-shadow: var(--prt-shadow-soft);
}

/* Remove default button styling */
.prt-services-btn {
    border-width: 1px;
}

.prt-services-btn:focus {
    outline: none;
    box-shadow: var(--prt-shadow-soft);
}

/* ==========================
   PRT Contact Form Styling
   ========================== */

/* Ensure the contact form sits in the same virtual width box */
#prt-contact-form {
    width: 100%;
}

/* Optional: apply a consistent form wrapper look */
.prt-form {
    background: var(--prt-bg);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    padding: clamp(18px, 3vw, 34px);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .06);
}

/* Reduce visual heaviness of Bootstrap defaults */
.prt-form .form-label {
    font-size: .95rem;
    letter-spacing: .01em;
    margin-bottom: .35rem;
    color: var(--prt-ink, #1b1b1b);
}

/* Inputs/selects/textarea – calm, crisp, consistent */
.prt-form .form-control,
.prt-form .form-select {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .14);
    padding: .75rem .9rem;
    background: rgba(255, 255, 255, .85);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* Textarea a touch roomier */
.prt-form textarea.form-control {
    min-height: 140px;
    resize: vertical;
}

/* Placeholder tone */
.prt-form .form-control::placeholder {
    color: rgba(0, 0, 0, .45);
}

/* Focus states (accessible, brand-aligned) */
.prt-form .form-control:focus,
.prt-form .form-select:focus {
    border-color: rgba(227, 86, 25, .55);
    /* matches your theme orange */
    box-shadow: 0 0 0 .25rem rgba(227, 86, 25, .16);
    background: #fff;
    outline: none;
}

/* Checkbox row */
.prt-form .form-check-input {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: .15rem;
    border-radius: .3rem;
    border: 1px solid rgba(0, 0, 0, .18);
}

.prt-form .form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(227, 86, 25, .16);
    border-color: rgba(227, 86, 25, .55);
}

/* Nested property panel (revealed section) */
#propertyFields {
    margin-top: .25rem;
}

#propertyFields > .row {
    background: rgba(255, 255, 255, .55);
    border: 1px dashed rgba(0, 0, 0, .14);
    border-radius: 14px;
    padding: 16px;
    padding-bottom: 28px;
}

/* Tighten invalid feedback spacing (Bootstrap can feel jumpy) */
.prt-form .invalid-feedback {
    font-size: .85rem;
    margin-top: .35rem;
}

/* Alert styling: soften */
#contact-alert.alert {
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
}

/* Submit row layout – wraps nicely on mobile */
.prt-form .prt-form-actions,
#prt-contact-form .d-flex.align-items-center.gap-3.my-3 {
    flex-wrap: wrap;
    row-gap: .75rem;
}

/* Button harmony: make sure primary looks “PRT”, not default Bootstrap */
.prt-form .btn.btn-primary {
    border-radius: 999px;
    padding: .72rem 1.15rem;
    font-weight: 700;
    letter-spacing: .01em;
    box-shadow: 0 12px 22px rgba(0, 0, 0, .10);
}

/* Better “required” hint */
.prt-form small.text-muted {
    line-height: 1.25;
}

/* Mobile polish: make the form feel intentional */
@media (max-width: 575.98px) {
    .prt-form {
        border-radius: 16px;
        padding: 18px;
    }

    #propertyFields > .row {
        padding: 14px;
    }
}

#prt-contact-form .form-check-input {
    -webkit-appearance: auto;
    appearance: auto;
    accent-color: #E35619;
    /* swap back to var(--prt-orange) once confirmed */
}

/* PRT select option hover / focus */
#prt-contact-form select option:hover,
#prt-contact-form select option:focus,
#prt-contact-form select option:checked {
    background-color: rgba(227, 86, 25, 0.12);
    /* pale PRT orange */
    color: #000;
}

#prt-contact-form .form-select:focus {
    border-color: rgba(227, 86, 25, 0.55);
    box-shadow: 0 0 0 0.25rem rgba(227, 86, 25, 0.16);
}