.ha-page{--ha-ink:#202522;--ha-muted:#686e68;--ha-accent:#d2dfb0;color:var(--ha-ink);background:#fff;line-height:1.65}
.ha-page *{box-sizing:border-box}
.ha-page h1,.ha-page h2,.ha-page h3{color:inherit;letter-spacing:-.045em;font-weight:500;line-height:1.12;margin:0;text-transform:none}
.ha-page p{margin:0 0 20px}.ha-container{width:min(1280px,calc(100% - 96px));margin:auto}
.ha-eyebrow{display:block;font-size:11px;letter-spacing:.18em;font-weight:600;margin-bottom:22px}
.ha-hero{position:relative;isolation:isolate;min-height:560px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#232b28}
.ha-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ha-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,23,20,.86),rgba(12,23,20,.48) 58%,rgba(12,23,20,.12))}
.ha-hero-content{padding-top:80px;padding-bottom:80px}.ha-hero h1{font-size:clamp(36px,4.8vw,66px);max-width:800px;color:#fff}.ha-hero p{font-size:18px;max-width:490px;margin:26px 0 32px;color:#eff1ec}
.ha-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--ha-accent);background:var(--ha-accent);padding:16px 24px;color:#202522;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.ha-button:hover{background:#e4eccf;color:#202522;transform:translateY(-2px)}.ha-button span{font-size:20px}
.ha-page a:focus-visible{outline:3px solid #8ea964;outline-offset:4px}
.ha-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding-top:56px;padding-bottom:56px}.ha-intro h2{font-size:clamp(26px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em}.ha-intro .ha-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:14px}.ha-intro p{font-size:15px;line-height:1.7;margin-bottom:12px}.ha-intro p:last-child{margin-bottom:0}.ha-muted{color:var(--ha-muted)}.ha-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ha-tags span{border:1px solid #dfe3db;border-radius:30px;padding:6px 14px;font-size:12px}
.ha-config-section{background:#f3f4ef;padding:72px 0 0;scroll-margin-top:120px}.ha-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}.ha-section-heading .ha-eyebrow{margin-bottom:12px}.ha-section-heading h2{font-size:28px}.ha-price-note{color:var(--ha-muted);font-size:13px;white-space:nowrap}
.ha-config-overview{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e2e5dc}.ha-config-photo{background:#e9ebe5;min-width:0;overflow:hidden}.ha-config-photo img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover}.ha-config-description{padding:48px}.ha-config-description h3{font-size:28px}.ha-config-description p{color:var(--ha-muted);margin-top:20px;font-size:15px}.ha-specs{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;border-top:1px solid #e4e7df;padding-top:24px;margin-top:28px}.ha-specs span{display:block;color:var(--ha-muted);font-size:12px}.ha-specs strong{font-size:15px;font-weight:600}.ha-text-link{display:inline-flex;gap:24px;margin-top:28px;font-size:13px;color:var(--ha-ink);border-bottom:1px solid #a4af91;padding-bottom:4px}
.ha-components{margin-top:28px;border:1px solid #e2e5dc;background:#fff;scroll-margin-top:120px}.ha-components-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px}.ha-components-heading h3{font-size:24px;letter-spacing:-.025em}.ha-components-heading p{font-size:12px;color:var(--ha-muted);margin:0}.ha-loading{padding:24px 32px}
.ha-page .hellas-architecture-prices{width:100%;margin:0;border-collapse:collapse;table-layout:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--ha-ink)}.ha-page .hellas-architecture-prices th{background:#f8f9f5;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ha-muted);font-weight:600;padding:16px;border-top:1px solid #e8eae3;border-bottom:1px solid #e8eae3}.ha-page .hellas-architecture-prices td{padding:19px 16px;border-bottom:1px solid #eceee7;vertical-align:middle;line-height:1.5}.ha-page .hellas-architecture-prices th:first-child,.ha-page .hellas-architecture-prices td:first-child{padding-left:32px}.ha-page .hellas-architecture-prices th:last-child,.ha-page .hellas-architecture-prices td:last-child{padding-right:32px}.ha-page .hellas-architecture-prices th:nth-child(n+3),.ha-page .hellas-architecture-prices td:nth-child(n+3){text-align:right;white-space:nowrap}.ha-component{font-weight:600;white-space:nowrap}.ha-product{width:48%}.ha-product a{color:var(--ha-ink)}.ha-product a:hover{color:#647d3e;text-decoration:underline}.ha-product small{color:#a05b32}.ha-page .hellas-architecture-prices .ha-total td{background:#e6ecd9;border-bottom:0;padding-top:18px;padding-bottom:18px}.ha-total small{display:block;font-weight:400;color:#576149;font-size:12px;margin-top:5px}.ha-total td:last-child{font-size:22px;letter-spacing:-.02em}.ha-total td:first-child{font-size:14px}
.ha-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px 0 64px}.ha-contact h3{font-size:26px}.ha-contact p{font-size:14px;color:var(--ha-muted);margin:12px 0 0}.ha-button-dark{background:#25352b;border-color:#25352b;color:#fff;white-space:nowrap}.ha-button-dark:hover{background:#384d3d;color:#fff}
@media(max-width:1000px){.ha-container{width:calc(100% - 48px)}.ha-config-description{padding:32px}.ha-config-description h3{font-size:25px}.ha-intro{gap:40px}.ha-page .hellas-architecture-prices td,.ha-page .hellas-architecture-prices th{padding:16px 10px}.ha-page .hellas-architecture-prices td:first-child,.ha-page .hellas-architecture-prices th:first-child{padding-left:20px}.ha-page .hellas-architecture-prices td:last-child,.ha-page .hellas-architecture-prices th:last-child{padding-right:20px}}
@media(max-width:700px){.ha-container{width:calc(100% - 36px)}.ha-hero{min-height:480px}.ha-hero-content{padding-top:64px;padding-bottom:64px}.ha-hero p{font-size:16px}.ha-hero:after{background:rgba(12,23,20,.65)}.ha-intro{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:36px}.ha-intro p{font-size:15px}.ha-config-section{padding-top:44px}.ha-section-heading{display:block}.ha-price-note{display:block;margin-top:16px}.ha-config-overview{grid-template-columns:1fr}.ha-config-photo img{max-height:380px;aspect-ratio:4/3}.ha-config-description{padding:28px 24px}.ha-config-description h3{font-size:25px}.ha-components-heading{display:block;padding:24px 20px}.ha-components-heading p{margin-top:10px}.ha-page .hellas-architecture-prices thead{display:none}.ha-page .hellas-architecture-prices,.ha-page .hellas-architecture-prices tbody{display:block}.ha-page .hellas-architecture-prices tr{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:8px 16px;border-top:1px solid #e8eae3}.ha-page .hellas-architecture-prices td,.ha-page .hellas-architecture-prices td:first-child,.ha-page .hellas-architecture-prices td:last-child{display:block;border:0;padding:0;white-space:normal;text-align:left;width:auto}.ha-page .hellas-architecture-prices .ha-component,.ha-page .hellas-architecture-prices .ha-product{grid-column:1/-1}.ha-page .hellas-architecture-prices .ha-component{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ha-muted)}.ha-page .hellas-architecture-prices .ha-product{font-size:14px;margin-bottom:8px}.ha-page .hellas-architecture-prices td[data-label]:before{content:attr(data-label);display:block;font-size:10px;color:var(--ha-muted);margin-bottom:4px}.ha-page .hellas-architecture-prices td:nth-child(3){grid-column:1/-1;font-size:12px;display:flex;gap:8px}.ha-page .hellas-architecture-prices td:nth-child(3):before{margin:0}.ha-page .hellas-architecture-prices .ha-total{display:block;background:#e6ecd9;padding:16px 20px}.ha-page .hellas-architecture-prices .ha-total td{padding:0;background:transparent}.ha-page .hellas-architecture-prices .ha-total td:last-child{margin-top:10px;font-size:22px}.ha-contact{flex-direction:column;align-items:flex-start;padding:40px 0 48px}.ha-contact h3{font-size:24px}.ha-button{width:100%}.ha-hero .ha-button{width:auto}}
.ha-configuration+.ha-configuration{margin-top:72px;padding-top:56px;border-top:1px solid #d7ddcf}.ha-config-overview:not(:has(.ha-config-photo)){grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){.ha-button{transition:none}.ha-button:hover{transform:none}}

/* Keep theme heading fonts from overriding the component table font. */
.ha-page .hellas-architecture-prices th,
.ha-page .hellas-architecture-prices td,
.ha-page .hellas-architecture-prices td::before,
.ha-page .hellas-architecture-prices a,
.ha-page .hellas-architecture-prices strong,
.ha-page .hellas-architecture-prices small,
.ha-page .hellas-architecture-prices span,
.ha-page .hellas-architecture-prices bdi {
    font-family: Arial, Helvetica, sans-serif;
}

.ha-group-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.ha-group-nav a{padding:10px 18px;border:1px solid #cbd4bd;border-radius:6px;background:#fff;color:var(--ha-ink);font-size:14px;font-weight:600}
.ha-group-nav a:hover{background:#e6ecd9}
.ha-configuration-group{scroll-margin-top:120px}
.ha-configuration-group+.ha-configuration-group{margin-top:64px;padding-top:40px;border-top:1px solid #d7ddcf}
.ha-page .ha-group-title{display:inline-block;max-width:100%;margin:0 0 22px;padding:7px 14px;border:1px solid #cbd4bd;border-radius:6px;background:#e6ecd9;color:#435039;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}

/* Align the description with the heading below the introductory label. */
@media(min-width:701px){.ha-intro>div:last-child{padding-top:30.5px}}

/* Use the same typography for each computer title and its subtitle. */
.ha-page .ha-section-heading h2,
.ha-page .ha-config-description h3 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.045em;
    text-transform: none;
}
@media(max-width:1000px){.ha-section-heading h2{font-size:25px}}