body.portfolio-project {
    --portfolio-orange: #f76b16;
    --portfolio-ink: #111111;
    --portfolio-soft: #f5f5f5;
}

body.portfolio-project #site-content {
    background: #ffffff;
    border-top: 5px solid var(--portfolio-orange);
}

body.portfolio-project #site-content .portfolio-case-study {
    color: var(--portfolio-ink);
    background: #ffffff;
    font-size: 17px;
    line-height: 1.5;
}

body.portfolio-project #site-content .portfolio-case-study .container {
    width: 100%;
    max-width: 1400px;
    padding-right: 40px;
    padding-left: 40px;
}

body.portfolio-project #site-content .portfolio-case-study section.component {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

body.portfolio-project #site-content .portfolio-case-study .heading,
body.portfolio-project #site-content .portfolio-case-study h1,
body.portfolio-project #site-content .portfolio-case-study h2,
body.portfolio-project #site-content .portfolio-case-study h3 {
    color: var(--portfolio-ink);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

body.portfolio-project #site-content .portfolio-case-study .text {
    color: var(--portfolio-ink);
    font-size: inherit;
    line-height: inherit;
}

body.portfolio-project #site-content .portfolio-case-study .text p {
    margin: 0 0 16px;
}

body.portfolio-project #site-content .portfolio-breadcrumb {
    padding-top: 24px;
    padding-bottom: 28px;
    font-size: 14px;
}

body.portfolio-project #site-content .portfolio-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.portfolio-project #site-content .portfolio-breadcrumb li + li::before {
    content: "›";
    display: inline-block;
    margin-right: 12px;
    color: #737373;
}

body.portfolio-project #site-content .portfolio-breadcrumb a {
    color: var(--portfolio-ink);
    text-decoration: none;
}

body.portfolio-project #site-content .portfolio-breadcrumb [aria-current="page"] {
    color: #b84300;
    font-weight: 600;
}

body.portfolio-project #site-content .portfolio-case-study section.portfolio-hero {
    --base-secondary-heading: 17, 17, 17;
    padding-bottom: 58px;
}

body.portfolio-project #site-content .portfolio-hero .component-main,
body.portfolio-project #site-content .portfolio-details .component-main,
body.portfolio-project #site-content .portfolio-contact .component-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 672px;
    align-items: center;
    gap: 54px;
    margin: 0;
}

body.portfolio-project #site-content .portfolio-case-study .component-main > .item_block {
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.portfolio-project #site-content .portfolio-hero .secondary-heading {
    margin: 0 0 15px;
    padding-left: 13px;
    border-left: 6px solid var(--portfolio-orange);
    color: var(--portfolio-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.13em;
}

body.portfolio-project #site-content .portfolio-introduction h1.heading {
    margin: 0 0 14px;
    font-size: clamp(44px, 4.6vw, 68px);
    line-height: 1;
}

body.portfolio-project #site-content .portfolio-subtitle {
    margin: 0 0 20px;
    font-size: clamp(22px, 2vw, 29px);
    line-height: 1.18;
}

body.portfolio-project #site-content .portfolio-subtitle::after,
body.portfolio-project #site-content .portfolio-detail-copy > .info > .heading::after {
    content: "";
    display: block;
    width: 58px;
    height: 5px;
    margin-top: 20px;
    border-radius: 3px;
    background: var(--portfolio-orange);
}

body.portfolio-project #site-content .portfolio-case-study .link {
    margin: 22px 0 0;
    padding: 0;
}

body.portfolio-project #site-content .portfolio-case-study .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 50px;
    margin: 0;
    padding: 12px 24px;
    border: 2px solid var(--portfolio-orange);
    border-radius: 9px;
    color: #ffffff;
    background: var(--portfolio-orange);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

body.portfolio-project #site-content .portfolio-case-study .btn > span:first-child {
    display: none;
}

body.portfolio-project #site-content .portfolio-case-study .btn::after {
    content: "→";
    position: static;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 27px;
    line-height: 0.8;
    background: transparent;
    transform: none;
}

body.portfolio-project #site-content .portfolio-case-study .btn:hover {
    color: #ffffff;
    border-color: #bf4500;
    background: #bf4500;
}

body.portfolio-project #site-content .portfolio-case-study a:focus-visible {
    outline: 3px solid #1a62a5;
    outline-offset: 5px;
}

body.portfolio-project #site-content .portfolio-laptop {
    width: 672px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 22px 22px !important;
}

body.portfolio-project #site-content .portfolio-laptop .umb-grid {
    margin: 0;
    position: relative;
    padding: 16px 12px 18px;
    border: 2px solid #727272;
    border-radius: 18px 18px 7px 7px;
    background: #111111;
    box-shadow: 0 0 0 2px #dedede, 0 12px 20px -12px #00000070;
}

body.portfolio-project #site-content .portfolio-laptop .umb-grid::before {
    content: "";
    position: absolute;
    top: 5px;
    left: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #424d58;
}

body.portfolio-project #site-content .portfolio-laptop .umb-grid::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -17px;
    left: -30px;
    height: 21px;
    border-radius: 2px 2px 50% 50% / 2px 2px 80% 80%;
    background: linear-gradient(90deg, #9b9b9b, #ededed 6%, #bababa 32%, #e5e5e5 48%, #d7d7d7 52%, #b0b0b0 70%, #ededed 95%, #848484);
    border-bottom: 5px solid #8c8c8c;
    box-shadow: 0 12px 10px -8px #00000055;
}

body.portfolio-project #site-content .portfolio-laptop .umb-grid .container,
body.portfolio-project #site-content .portfolio-detail-image .umb-grid .container,
body.portfolio-project #site-content .portfolio-laptop .umb-grid .column,
body.portfolio-project #site-content .portfolio-detail-image .umb-grid .column {
    max-width: none;
    padding: 0;
}

body.portfolio-project #site-content .portfolio-laptop .umb-grid .row,
body.portfolio-project #site-content .portfolio-detail-image .umb-grid .row {
    margin: 0;
}

body.portfolio-project #site-content .portfolio-laptop img,
body.portfolio-project #site-content .portfolio-detail-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

body.portfolio-project #site-content .portfolio-case-study section.portfolio-features {
    padding-bottom: 58px;
}

body.portfolio-project #site-content .portfolio-features .listing,
body.portfolio-project #site-content .portfolio-facts .listing {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 22px 8px;
    margin: 0;
    border-radius: 18px;
    background: var(--portfolio-soft);
}

body.portfolio-project #site-content .portfolio-features .listing > .item,
body.portfolio-project #site-content .portfolio-facts .listing > .item {
    width: auto;
    max-width: none;
    padding: 4px 22px;
    margin: 0;
}

body.portfolio-project #site-content .portfolio-features .listing > .item + .item,
body.portfolio-project #site-content .portfolio-facts .listing > .item + .item {
    border-left: 1px solid #d8d8d8;
}

body.portfolio-project #site-content .portfolio-features .inner,
body.portfolio-project #site-content .portfolio-facts .inner {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 0;
    background: transparent;
}

body.portfolio-project #site-content .portfolio-features .inner::before,
body.portfolio-project #site-content .portfolio-facts .inner::before {
    content: "";
    width: 42px;
    height: 42px;
    background-image: var(--portfolio-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.portfolio-project #site-content .portfolio-features .info,
body.portfolio-project #site-content .portfolio-facts .info {
    width: auto;
    padding: 0 !important;
}

body.portfolio-project #site-content .portfolio-features .heading {
    margin: 0 0 9px;
    font-size: 21px;
    line-height: 1.15;
}

body.portfolio-project #site-content .portfolio-features .text,
body.portfolio-project #site-content .portfolio-facts .text {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
}

body.portfolio-project #site-content .portfolio-features .text p:last-child,
body.portfolio-project #site-content .portfolio-facts .text p:last-child {
    margin-bottom: 0;
}

body.portfolio-project #site-content .portfolio-case-study section.portfolio-details {
    padding-bottom: 48px;
}

body.portfolio-project #site-content .portfolio-details .component-main {
    grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
    gap: 46px;
}

body.portfolio-project #site-content .portfolio-detail-image .umb-grid {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 5px 12px #00000020;
}

body.portfolio-project #site-content .portfolio-detail-copy > .info > .heading {
    margin: 0 0 18px;
    font-size: clamp(28px, 2.65vw, 39px);
}

body.portfolio-project #site-content .portfolio-detail-copy .text h3 {
    margin: 22px 0 14px;
    font-size: 24px;
}

body.portfolio-project #site-content .portfolio-case-study ul.portfolio-highlights {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.portfolio-project #site-content .portfolio-case-study ul.portfolio-highlights li {
    position: relative;
    margin: 0 0 9px;
    padding-left: 29px;
    line-height: 1.3;
}

body.portfolio-project #site-content .portfolio-highlights li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--portfolio-orange);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

body.portfolio-project #site-content .portfolio-case-study section.portfolio-facts {
    padding-bottom: 40px;
}

body.portfolio-project #site-content .portfolio-facts .heading {
    margin: 0 0 5px;
    font-size: 17px;
}

body.portfolio-project #site-content .portfolio-case-study section.portfolio-contact {
    --base-heading: 255, 255, 255;
    position: relative;
    overflow: hidden;
    padding-top: 38px;
    padding-bottom: 38px;
    color: #ffffff;
    background: linear-gradient(120deg, #ff6100, #ff8d0a);
}

body.portfolio-project #site-content .portfolio-contact::before {
    content: "";
    position: absolute;
    right: -8%;
    bottom: -140%;
    width: 58%;
    height: 240%;
    border-radius: 50%;
    background: #e84f0060;
    transform: rotate(-20deg);
}

body.portfolio-project #site-content .portfolio-contact .component-inner {
    position: relative;
}

body.portfolio-project #site-content .portfolio-contact .component-main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 50px;
}

body.portfolio-project #site-content .portfolio-contact .heading {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: clamp(26px, 2.7vw, 39px);
}

body.portfolio-project #site-content .portfolio-contact .text {
    max-width: 870px;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.4;
}

body.portfolio-project #site-content .portfolio-contact .text p,
body.portfolio-project #site-content .portfolio-contact .link {
    margin: 0;
}

body.portfolio-project #site-content .portfolio-contact .btn {
    min-width: 210px;
    color: #ad3a00;
    border-color: #ffffff;
    background: #ffffff;
}

body.portfolio-project #site-content .portfolio-contact .btn:hover {
    color: #ffffff;
    border-color: #111111;
    background: #111111;
}

body.portfolio-project #site-footer > .container > .row.listing {
    display: none;
}

body.portfolio-project #site-footer {
    padding-top: 26px;
    padding-bottom: 26px;
}

body.portfolio-project #site-footer .footer-navigation {
    padding: 0;
    margin: 0;
}

@media (max-width: 1199px) {
    body.portfolio-project #site-content .portfolio-case-study .container { padding-right: 28px; padding-left: 28px; }
    body.portfolio-project #site-content .portfolio-case-study { font-size: 16px; }
    body.portfolio-project #site-content .portfolio-hero .component-main { grid-template-columns: minmax(0, 1fr) 572px; gap: 30px; }
    body.portfolio-project #site-content .portfolio-laptop { width: 572px !important; }
    body.portfolio-project #site-content .portfolio-features .inner { grid-template-columns: 1fr; gap: 12px; }
    body.portfolio-project #site-content .portfolio-features .listing > .item, body.portfolio-project #site-content .portfolio-facts .listing > .item { padding: 4px 18px; }
    body.portfolio-project #site-content .portfolio-features .heading { font-size: 19px; }
    body.portfolio-project #site-content .portfolio-facts .inner { grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
    body.portfolio-project #site-content .portfolio-facts .inner::before { width: 32px; height: 32px; }
    body.portfolio-project #site-content .portfolio-details .component-main { grid-template-columns: 1.1fr 1fr; gap: 32px; }
}

@media (max-width: 991px) {
    body.portfolio-project #site-content .portfolio-hero .component-main { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    body.portfolio-project #site-content .portfolio-introduction { max-width: 740px !important; }
    body.portfolio-project #site-content .portfolio-laptop { width: 672px !important; max-width: 100% !important; margin: 0 auto !important; }
    body.portfolio-project #site-content .portfolio-features .listing, body.portfolio-project #site-content .portfolio-facts .listing { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 0; }
    body.portfolio-project #site-content .portfolio-features .listing > .item:nth-child(3), body.portfolio-project #site-content .portfolio-facts .listing > .item:nth-child(3) { border-left: 0; }
    body.portfolio-project #site-content .portfolio-features .inner { grid-template-columns: 42px minmax(0, 1fr); }
    body.portfolio-project #site-content .portfolio-details .component-main { grid-template-columns: 1fr; gap: 34px; }
    body.portfolio-project #site-content .portfolio-details .portfolio-detail-image { max-width: 780px !important; margin: 0 auto !important; }
    body.portfolio-project #site-content .portfolio-contact .component-main { grid-template-columns: 1fr; gap: 22px; }
}

@media (max-width: 575px) {
    body.portfolio-project #site-content .portfolio-case-study .container { padding-right: 20px; padding-left: 20px; }
    body.portfolio-project #site-content .portfolio-breadcrumb { padding-top: 19px; padding-bottom: 28px; font-size: 13px; }
    body.portfolio-project #site-content .portfolio-hero .secondary-heading { font-size: 13px; }
    body.portfolio-project #site-content .portfolio-case-study section.portfolio-hero { padding-bottom: 34px; }
    body.portfolio-project #site-content .portfolio-introduction h1.heading { font-size: 48px; }
    body.portfolio-project #site-content .portfolio-subtitle { font-size: 23px; }
    body.portfolio-project #site-content .portfolio-laptop { padding: 8px 12px 18px !important; }
    body.portfolio-project #site-content .portfolio-laptop .umb-grid { padding: 12px 7px 12px; border-radius: 12px 12px 4px 4px; }
    body.portfolio-project #site-content .portfolio-laptop .umb-grid::after { right: -17px; left: -17px; bottom: -12px; height: 15px; border-bottom-width: 3px; }
    body.portfolio-project #site-content .portfolio-features .listing, body.portfolio-project #site-content .portfolio-facts .listing { grid-template-columns: 1fr; gap: 0; padding: 8px 20px; }
    body.portfolio-project #site-content .portfolio-features .listing > .item, body.portfolio-project #site-content .portfolio-facts .listing > .item { padding: 20px 0; border-left: 0 !important; }
    body.portfolio-project #site-content .portfolio-features .listing > .item + .item, body.portfolio-project #site-content .portfolio-facts .listing > .item + .item { border-top: 1px solid #dddddd; }
    body.portfolio-project #site-content .portfolio-facts .inner { grid-template-columns: 42px minmax(0, 1fr); gap: 14px; }
    body.portfolio-project #site-content .portfolio-facts .inner::before { width: 36px; height: 36px; }
    body.portfolio-project #site-content .portfolio-case-study section.portfolio-features { padding-bottom: 36px; }
    body.portfolio-project #site-content .portfolio-case-study section.portfolio-details { padding-bottom: 32px; }
    body.portfolio-project #site-content .portfolio-detail-copy > .info > .heading { font-size: 31px; }
    body.portfolio-project #site-content .portfolio-case-study section.portfolio-contact { padding-top: 30px; padding-bottom: 32px; }
    body.portfolio-project #site-content .portfolio-contact .text { font-size: 17px; }
}

.portfolio-icon-cart {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M1%201h4l3%2014a2%202%200%200%200%202%202h9a2%202%200%200%200%202-2l2-10H6%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio-icon-tools {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.7%22%20stroke%3D%22%23f76b16%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.42%2015.17%2017.25%2021A2.652%202.652%200%200%200%2021%2017.25l-5.877-5.877M11.42%2015.17l2.496-3.03c.317-.384.74-.626%201.208-.766M11.42%2015.17l-4.655%205.653a2.548%202.548%200%201%201-3.586-3.586l6.837-5.63m5.108-.233c.55-.164%201.163-.188%201.743-.14a4.5%204.5%200%200%200%204.486-6.336l-3.276%203.277a3.004%203.004%200%200%201-2.25-2.25l3.276-3.276a4.5%204.5%200%200%200-6.336%204.486c.091%201.076-.071%202.264-.904%202.95l-.102.085m-1.745%201.437L5.909%207.5H4.5L2.25%203.75l1.5-1.5L7.5%204.5v1.409l4.26%204.26m-1.745%201.437%201.745-1.437m6.615%208.206L15.75%2015.75M4.867%2019.125h.008v.008h-.008v-.008Z%22%2F%3E%20%3C%2Fsvg%3E");
}

.portfolio-icon-chart {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%2216%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%22.4%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%2210%22%20rx%3D%22.4%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%228%22%20width%3D%224%22%20height%3D%2214%22%20rx%3D%22.4%22%2F%3E%3Cpath%20d%3D%22m3%2012%206-5%205%201%207-6M16%202h5v5%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio-icon-monitor {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio-icon-layers {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%2010%205-10%205L2%207l10-5ZM2%2012l10%205%2010-5M2%2017l10%205%2010-5%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio-icon-code {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205-6%207%206%207M16%205l6%207-6%207M14%202l-4%2020%22%2F%3E%3C%2Fsvg%3E");
}

.portfolio-icon-settings { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M9.671%204.136a2.34%202.34%200%200%201%204.659%200%202.34%202.34%200%200%200%203.319%201.915%202.34%202.34%200%200%201%202.33%204.033%202.34%202.34%200%200%200%200%203.831%202.34%202.34%200%200%201-2.33%204.033%202.34%202.34%200%200%200-3.319%201.915%202.34%202.34%200%200%201-4.659%200%202.34%202.34%200%200%200-3.32-1.915%202.34%202.34%200%200%201-2.33-4.033%202.34%202.34%200%200%200%200-3.831A2.34%202.34%200%200%201%206.35%206.051a2.34%202.34%200%200%200%203.319-1.915%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }

.portfolio-icon-search {
    --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m16.5%2016.5%205%205%22%2F%3E%3C%2Fsvg%3E");
}

/* Crossed tools icon: Heroicons, MIT license. See portfolio-icons-LICENSE.txt. */

/* Shared case-study presentation; content remains in the page's editable blocks. */
body.portfolio-standard #site-content .portfolio-hero .secondary-heading {
    padding-left: 0;
    border-left: 0;
    color: #d85100 !important;
    letter-spacing: 0;
}
body.portfolio-standard #site-content .portfolio-introduction h1.heading { font-size: clamp(40px, 3.8vw, 56px); }
body.portfolio-standard #site-content .portfolio-subtitle { font-size: clamp(22px, 2vw, 28px); }
body.portfolio-standard #site-content .portfolio-introduction .btn {
    color: #111111;
    background: #ffffff;
    border-color: #222222;
    gap: 14px;
    font-size: 17px;
}
body.portfolio-standard #site-content .portfolio-introduction .btn::before {
    content: "";
    position: static;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: none;
}
body.portfolio-standard #site-content .portfolio-introduction .btn::after,
body.portfolio-standard #site-content .portfolio-contact .btn::after,
body.portfolio-standard #site-content .portfolio-download .btn::after { display: none; }
body.portfolio-project #site-content .portfolio-case-study .portfolio-introduction .btn:hover,
body.portfolio-project #site-content .portfolio-case-study .portfolio-introduction .btn:focus-visible {
    color: #ffffff;
    background: var(--portfolio-orange);
    border-color: var(--portfolio-orange);
}
body.portfolio-standard #site-content .portfolio-introduction .btn:hover::before,
body.portfolio-standard #site-content .portfolio-introduction .btn:focus-visible::before {
    filter: brightness(0) invert(1);
}
body.portfolio-project #site-content .portfolio-introduction .btn:focus-visible {
    outline: 3px solid #111111;
    outline-offset: 4px;
}
body.portfolio-standard #site-content .portfolio-features .inner { grid-template-columns: 1fr; grid-template-rows: 42px 1fr; gap: 10px; }
body.portfolio-standard #site-content .portfolio-features .info { align-self: start; }
body.portfolio-standard #site-content .portfolio-features .heading { font-size: 20px; }
body.portfolio-standard #site-content .portfolio-details .component-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 38px; }
body.portfolio-standard #site-content .portfolio-detail-copy > .info > .heading { font-size: clamp(28px, 2.4vw, 35px); }
body.portfolio-standard #site-content .portfolio-highlights li::before {
    color: var(--portfolio-orange);
    background: transparent;
    font-size: 24px;
    top: 1px;
}
body.portfolio-standard #site-content .portfolio-columns-3 .listing { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.portfolio-standard #site-content .portfolio-columns-5 .listing { grid-template-columns: repeat(5, minmax(0, 1fr)); }
body.portfolio-standard #site-content .portfolio-product-image .umb-grid {
    padding: 0 12px;
    border-color: transparent;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
}
body.portfolio-standard #site-content .portfolio-product-image img { border-radius: 16px; }
body.portfolio-standard #site-content .portfolio-product-image .umb-grid::before,
body.portfolio-standard #site-content .portfolio-product-image .umb-grid::after { display: none; }
body.portfolio-standard #site-content .portfolio-process {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}
body.portfolio-standard #site-content .portfolio-process li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 10px;
    border-radius: 15px;
    background: var(--portfolio-soft);
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
}
body.portfolio-standard #site-content .portfolio-process li + li::before {
    content: "→";
    position: absolute;
    top: calc(50% - 20px);
    left: -29px;
    color: var(--portfolio-orange);
    font-size: 30px;
}
body.portfolio-standard #site-content .portfolio-process-icon {
    width: 36px;
    height: 36px;
    background: var(--portfolio-icon) center / contain no-repeat;
}
body.portfolio-standard #site-content .portfolio-contact .component-main { grid-template-columns: minmax(0, 1fr); gap: 18px; text-align: center; }
body.portfolio-standard #site-content .portfolio-contact .info { text-align: center; }
body.portfolio-standard #site-content .portfolio-contact .secondary-heading { margin: 0 0 8px; color: #ffffff !important; font-size: 16px; font-weight: 700; }
body.portfolio-standard #site-content .portfolio-contact .heading { font-size: 42px; }
body.portfolio-standard #site-content .portfolio-contact .text { margin: 0 auto !important; font-size: 17px; }
body.portfolio-standard #site-content .portfolio-contact .link { justify-content: center; }
body.portfolio-standard #site-content .portfolio-contact .btn { min-width: 180px; font-size: 17px; gap: 10px; }
body.portfolio-standard #site-content .portfolio-contact .btn::before {
    content: "";
    position: static;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d85100' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='1'/%3E%3Cpath d='m2 5 10 8L22 5'/%3E%3C/svg%3E") center / contain no-repeat;
    transform: none;
}
body.portfolio-standard #site-content .portfolio-contact::before { border-radius: 0; transform: rotate(28deg); }
body.portfolio-standard #site-content .portfolio-case-study section.portfolio-download { padding-bottom: 35px; }
body.portfolio-standard #site-content .portfolio-download .component-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    gap: 36px;
    margin: 0;
    padding: 28px;
    border-radius: 18px;
    background: var(--portfolio-soft);
}
body.portfolio-standard #site-content .portfolio-download .heading { font-size: 28px; margin: 0; }
body.portfolio-standard #site-content .portfolio-download-links { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; }
body.portfolio-standard #site-content .portfolio-download small { display: block; margin-top: 12px; font-size: 12px; overflow-wrap: anywhere; }
body.portfolio-standard #site-content .portfolio-download .btn { font-size: 16px; padding: 12px 16px; }
body.portfolio-standard #site-content .portfolio-download .portfolio-download-github { background: #ffffff; color: #111111; border-color: #111111; }
@media (max-width: 991px) {
    body.portfolio-standard #site-content .portfolio-details .component-main { grid-template-columns: minmax(0, 1fr); }
    body.portfolio-standard #site-content .portfolio-columns-3 .listing,
    body.portfolio-standard #site-content .portfolio-columns-5 .listing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.portfolio-standard #site-content .portfolio-features .listing > .item:nth-child(odd),
    body.portfolio-standard #site-content .portfolio-facts .listing > .item:nth-child(odd) { border-left: 0; }
    body.portfolio-standard #site-content .portfolio-features .inner { grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto; }
    body.portfolio-standard #site-content .portfolio-download .component-main { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 575px) {
    body.portfolio-standard #site-content .portfolio-introduction h1.heading { font-size: 42px; }
    body.portfolio-standard #site-content .portfolio-columns-3 .listing,
    body.portfolio-standard #site-content .portfolio-columns-5 .listing { grid-template-columns: minmax(0, 1fr); }
    body.portfolio-standard #site-content .portfolio-product-image .umb-grid { padding-right: 7px; padding-left: 7px; }
    body.portfolio-standard #site-content .portfolio-process { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    body.portfolio-standard #site-content .portfolio-process li { padding: 12px 6px; font-size: 13px; }
    body.portfolio-standard #site-content .portfolio-process li + li::before { content: "↓"; top: -26px; left: calc(50% - 8px); font-size: 23px; }
    body.portfolio-standard #site-content .portfolio-download-links { grid-template-columns: minmax(0, 1fr); }
}

/* Additional portfolio icons. */
.portfolio-icon-pin { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-laptop { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%205a2%202%200%200%201%202%202v8.526a2%202%200%200%200%20.212.897l1.068%202.127a1%201%200%200%201-.9%201.45H3.62a1%201%200%200%201-.9-1.45l1.068-2.127A2%202%200%200%200%204%2015.526V7a2%202%200%200%201%202-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M20.054%2015.987H3.946%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-phone { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2214%22%20height%3D%2220%22%20x%3D%225%22%20y%3D%222%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2018h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-calendar { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%202v3%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22M3%209h18%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2017h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017h.01%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-users { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%2021a8%208%200%200%200-16%200%22%20%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2020c0-3.37-2-6.5-4-8a5%205%200%200%200-.45-8.3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-arrows { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m16%203%204%204-4%204%22%20%2F%3E%20%3Cpath%20d%3D%22M20%207H4%22%20%2F%3E%20%3Cpath%20d%3D%22m8%2021-4-4%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2017h16%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-tractor { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m10%2011%2011%20.9a1%201%200%200%201%20.8%201.1l-.665%204.158a1%201%200%200%201-.988.842H20%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2018h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M18%205a1%201%200%200%200-1%201v5.573%22%20%2F%3E%20%3Cpath%20d%3D%22M3%204h8.129a1%201%200%200%201%20.99.863L13%2011.246%22%20%2F%3E%20%3Cpath%20d%3D%22M4%2011V4%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2015h.01%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010.1V4%22%20%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%227%22%20cy%3D%2215%22%20r%3D%225%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-image { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%20ry%3D%222%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%20%2F%3E%20%3Cpath%20d%3D%22m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-home { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-grid { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-database { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%229%22%20ry%3D%223%22%20%2F%3E%20%3Cpath%20d%3D%22M3%205V19A9%203%200%200%200%2021%2019V5%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2012A9%203%200%200%200%2021%2012%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-refresh { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20%2F%3E%20%3Cpath%20d%3D%22M21%203v5h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2016H3v5%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-ticket { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M2%209a3%203%200%200%201%200%206v2a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-2a3%203%200%200%201%200-6V7a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202Z%22%20%2F%3E%20%3Cpath%20d%3D%22M13%205v2%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2017v2%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2011v2%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-check { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22m16%209-5.5%205.5L8%2012%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-handshake { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m11%2017%202%202a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22m14%2014%202.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87l.47.28a2%202%200%200%200%201.42.25L21%204%22%20%2F%3E%20%3Cpath%20d%3D%22m21%203%201%2011h-2%22%20%2F%3E%20%3Cpath%20d%3D%22M3%203%202%2014l6.5%206.5a1%201%200%201%200%203-3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%204h8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-document { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v5a1%201%200%200%200%201%201h5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-edit { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22%20%2F%3E%20%3Cpath%20d%3D%22M18.375%202.625a1%201%200%200%201%203%203l-9.013%209.014a2%202%200%200%201-.853.505l-2.873.84a.5.5%200%200%201-.62-.62l.84-2.873a2%202%200%200%201%20.506-.852z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-megaphone { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11%206a13%2013%200%200%200%208.4-2.8A1%201%200%200%201%2021%204v12a1%201%200%200%201-1.6.8A13%2013%200%200%200%2011%2014H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2z%22%20%2F%3E%20%3Cpath%20d%3D%22M6%2014a12%2012%200%200%200%202.4%207.2%202%202%200%200%200%203.2-2.4A8%208%200%200%201%2010%2014%22%20%2F%3E%20%3Cpath%20d%3D%22M8%206v8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-target { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-images { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%2011-1.296-1.296a2.4%202.4%200%200%200-3.408%200L11%2016%22%20%2F%3E%20%3Cpath%20d%3D%22M4%208a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2%22%20%2F%3E%20%3Ccircle%20cx%3D%2213%22%20cy%3D%227%22%20r%3D%221%22%20fill%3D%22currentColor%22%20%2F%3E%20%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-resize { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3%22%20%2F%3E%20%3Cpath%20d%3D%22M21%208V5a2%202%200%200%200-2-2h-3%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2016v3a2%202%200%200%200%202%202h3%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2021h3a2%202%200%200%200%202-2v-3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-sliders { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M10%205H3%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2019H3%22%20%2F%3E%20%3Cpath%20d%3D%22M14%203v4%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017v4%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2012h-9%22%20%2F%3E%20%3Cpath%20d%3D%22M21%2019h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M21%205h-7%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2010v4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2012H3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-windows { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23f76b16%22%20stroke%3D%22none%22%20d%3D%22M1%204%2010%203v8H1ZM12%203l11-2v10H12ZM1%2013h9v8l-9-1ZM12%2013h11v10l-11-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.portfolio-icon-gift { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%207v14%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2011v8a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-8%22%20%2F%3E%20%3Cpath%20d%3D%22M7.5%207a1%201%200%200%201%200-5A4.8%208%200%200%201%2012%207a4.8%208%200%200%201%204.5-5%201%201%200%200%201%200%205%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.portfolio-icon-github { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23f76b16%22%20stroke%3D%22none%22%20d%3D%22M12%20.8a11.2%2011.2%200%200%200-3.5%2021.8c.6.1.8-.3.8-.6v-2.2c-3.3.7-4-1.4-4-1.4-.5-1.3-1.3-1.6-1.3-1.6-1.1-.8.1-.8.1-.8%201.2.1%201.8%201.2%201.8%201.2%201.1%201.8%202.8%201.3%203.5%201%20.1-.8.4-1.3.7-1.6-2.6-.3-5.4-1.3-5.4-5.6%200-1.2.4-2.2%201.2-3-.1-.3-.5-1.5.1-3%200%200%201-.3%203.1%201.2a10.6%2010.6%200%200%201%205.6%200C16.8%204.7%2017.8%205%2017.8%205c.6%201.5.2%202.7.1%203%20.8.8%201.2%201.8%201.2%203%200%204.3-2.8%205.3-5.4%205.6.4.4.8%201.1.8%202.2V22c0%20.3.2.7.8.6A11.2%2011.2%200%200%200%2012%20.8Z%22%2F%3E%3C%2Fsvg%3E"); }

.portfolio-icon-gauge { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m12%2014%204-4%22%20%2F%3E%20%3Cpath%20d%3D%22M3.34%2019a10%2010%200%201%201%2017.32%200%22%20%2F%3E%20%3C%2Fsvg%3E"); }

.portfolio-icon-star { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20%2F%3E%20%3C%2Fsvg%3E"); }

.portfolio-icon-devices { --portfolio-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f76b16%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%208V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v7a2%202%200%200%200%202%202h8%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2019v-3.96%203.15%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2019h5%22%20%2F%3E%20%3Crect%20width%3D%226%22%20height%3D%2210%22%20x%3D%2216%22%20y%3D%2212%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }

/* Lucide icons, ISC/MIT license: portfolio-icons-lucide-LICENSE.txt. */

/* The band's supplied design uses individual feature cards within the shared layout. */
body.portfolio-band #site-content .portfolio-features .listing {
    gap: 12px;
    padding: 0;
    background: transparent;
}
body.portfolio-band #site-content .portfolio-features .listing > .item {
    padding: 26px 20px;
    border: 0 !important;
    border-radius: 14px;
    background: #faf8f6;
}
body.portfolio-band #site-content .portfolio-features .inner {
    grid-template-rows: 48px 1fr;
    justify-items: center;
    gap: 18px;
}
body.portfolio-band #site-content .portfolio-features .inner::before { width: 48px; height: 48px; }
body.portfolio-band #site-content .portfolio-features .info { text-align: center; }
body.portfolio-band #site-content .portfolio-detail-copy .text > h3 { color: #d85100; }
body.portfolio-band #site-content .portfolio-detail-copy { align-self: start !important; }
body.portfolio-band #site-content .portfolio-facts .listing { background: transparent; border-top: 1px solid #dddddd; border-radius: 0; }
body.portfolio-band #site-content .portfolio-contact .component-main { grid-template-columns: minmax(0, 1fr) auto; gap: 40px; }
body.portfolio-band #site-content .portfolio-contact .info { text-align: left; }
body.portfolio-band #site-content .portfolio-contact .btn::before { display: none; }
body.portfolio-band #site-content .portfolio-contact .btn::after { display: inline-block; }
@media (max-width: 767px) {
    body.portfolio-band #site-content .portfolio-contact .component-main { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    body.portfolio-band #site-content .portfolio-contact .info { text-align: center; }
}