.hmls-portal{--studio-accent:#a3e635;--studio-panel:#1c2820;--studio-radius:12px;--sidebar:280px;background:#080d0a;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);height:100dvh;overflow:hidden;font-size:18px}
.hmls-portal .hmls-widget-content{background:transparent;color:inherit;font:inherit;min-width:0;width:100%}
.hmls-portal .elementor{width:100%;min-width:0}.hmls-portal .e-con{--container-max-width:100%;--content-width:100%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;min-width:0}.hmls-portal .elementor-widget{width:100%;min-width:0}
.hmls-portal a{color:var(--studio-accent)}.hmls-portal button:not(.hmls-open-image){background:var(--studio-accent);border-color:var(--studio-accent);color:#122015}.hmls-portal .hmls-panel{background:var(--studio-panel);border-radius:var(--studio-radius)}
.hmls-sidebar{height:100dvh;position:relative;overflow:auto;overscroll-behavior:contain;padding:38px 18px 22px;border-right:1px solid #344336;background:#030604;scrollbar-width:thin}.hmls-sidebar .hmls-widget-content{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}.hmls-brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff!important;font-size:16px;font-weight:700;text-align:center;gap:4px;margin:18px 8px}.hmls-brand img{width:220px;max-width:100%;height:118px;object-fit:contain}.hmls-sidebar .hmls-brand-title{font-size:28px;margin:14px 10px 25px}.hmls-sidebar nav{display:grid;gap:5px}.hmls-sidebar nav a{display:flex;align-items:center;gap:14px;min-height:48px;padding:11px 14px;border-radius:8px;text-decoration:none;color:#e4ede6;font-size:17px;font-weight:600;line-height:1.3}.hmls-sidebar nav a:hover{background:#1e2c20}.hmls-sidebar nav a[aria-current]{background:var(--studio-accent);color:#142015}.hmls-sidebar nav svg,.hmls-sidebar nav i{width:24px;height:24px;flex:0 0 24px;font-size:24px}.hmls-sidebar .hmls-orb{width:31px;height:31px;object-fit:contain;margin:-4px;flex:0 0 31px}.hmls-sidebar .hmls-bottom-nav{margin-top:auto;padding-top:25px;border-top:1px solid #304033;margin-bottom:0}.hmls-sidebar .hmls-main-nav{margin-bottom:28px}
.hmls .hmls-collapse{position:absolute;right:14px;top:10px;min-height:28px;padding:0 10px;font-size:24px;line-height:1.1;width:auto}.hmls-viewer{height:100dvh;overflow:auto;overscroll-behavior:contain;min-width:0;padding:40px clamp(22px,3vw,54px) 48px;scrollbar-color:#536348 #0b120d;scrollbar-gutter:stable}.hmls-screen-header{margin-bottom:32px}.hmls-screen-header h1{font-size:clamp(32px,3.4vw,48px);margin:12px 0}.hmls-screen-header>p{font-size:19px;color:#b9c8be}.hmls-screen-header .hmls-eyebrow{display:block}.hmls-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--studio-accent);color:#132015!important;border:1px solid var(--studio-accent);border-radius:7px;min-height:50px;padding:12px 22px;text-decoration:none;font-weight:700;line-height:1.4}.hmls-action:hover{filter:brightness(1.1)}.hmls-next-actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.hmls-project-card{border:1px solid #445a45;border-radius:var(--studio-radius);overflow:hidden;background:var(--studio-panel);margin:25px 0 35px;width:100%}.hmls-project-cover{display:block;width:100%;height:clamp(320px,48vh,660px);object-fit:cover;object-position:center}.hmls-project-card-footer{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hmls-project-card-footer h2{font-size:28px;margin:0 0 8px}.hmls-project-card-footer p{margin:4px 0;color:#c3cec5}.hmls-project-card-footer>div:last-child{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hmls-version-badge{display:inline-block;border:1px solid #6b7e48;background:#293a21;color:#d7f3b1;border-radius:24px;padding:8px 14px;font-size:15px}.hmls-privacy-note,.hmls-small{color:#b9c8be;font-size:16px}.hmls-notice{padding:14px 18px;border:1px solid #8cbf44;background:#213817;color:#e1f5cc;border-radius:8px}
.hmls-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hmls-image-grid .hmls-panel{margin:0;padding:22px}.hmls-image-grid.is-notes{grid-template-columns:1fr}.hmls .hmls-open-image{display:block;width:100%;padding:0;border:1px solid #536851;border-radius:8px;background:#080d0a;color:#d8efbd;overflow:hidden;margin-bottom:18px}.hmls-open-image img{display:block;width:100%;height:auto}.hmls-open-image span{display:block;padding:12px;text-align:center;font-size:16px}.hmls-plan-pdf{display:block;width:100%;height:76vh;min-height:450px;background:#fff}.hmls-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hmls-materials .hmls-panel{margin:0}.hmls-materials h2{font-size:25px}.hmls-viewer dl{display:grid;grid-template-columns:100px 1fr;gap:18px}.hmls-viewer dd{margin:0;overflow-wrap:anywhere}
.hmls-messages-screen{height:calc(100dvh - 225px);min-height:540px;display:flex;flex-direction:column;border:1px solid #405447;border-radius:var(--studio-radius);overflow:hidden;background:var(--studio-panel)}.hmls-messages-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #405447;font-size:16px}.hmls-messages-toolbar p{margin:0}.hmls-messages-toolbar a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.hmls-conversation{flex:1;min-height:130px;overflow:auto;padding:24px;overscroll-behavior:contain;scrollbar-width:thin}.hmls-conversation .hmls-message{width:fit-content;max-width:82%;margin:0 0 20px;padding:18px 22px}.hmls-conversation .hmls-customer{margin-left:auto;background:#283c23}.hmls-conversation .hmls-office{background:#2c3830;margin-right:auto}.hmls-conversation .hmls-system{margin:0 auto 20px;width:100%;max-width:100%;font-size:15px}.hmls-conversation strong{font-size:15px;color:#ceecae}.hmls-message-attachment{display:block;max-width:320px;max-height:240px;width:100%;object-fit:contain;margin:12px 0;border-radius:8px}.hmls-messages-screen>.hmls-form{flex:none;margin:0;padding:18px 24px;border-top:1px solid #405447;gap:8px;background:#121c15}.hmls-messages-screen textarea{margin-top:0;min-height:74px;height:80px;max-height:180px}.hmls-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.hmls-attachment-label{font-size:14px!important;font-weight:400!important;min-width:0}.hmls .hmls-attachment-label input{font-size:14px!important;padding:4px!important;min-height:36px!important;margin:3px 0 0!important;max-width:320px}.hmls-messages-screen .hmls-small{margin:2px 0 0;font-size:13px}.hmls-composer-actions button{flex:none}.hmls .hmls-mobile-menu{display:none}.hmls-menu-backdrop[hidden]{display:none}.hmls-skip{position:fixed;left:300px;top:-70px;z-index:100;background:#a3e635;color:#132015!important;padding:12px}.hmls-skip:focus{top:10px}
.hmls-portal.is-collapsed{--sidebar:84px}.is-collapsed .hmls-sidebar{padding:44px 10px 18px}.is-collapsed .hmls-sidebar .hmls-brand{margin:12px 0}.is-collapsed .hmls-brand img{width:60px;height:50px}.is-collapsed .hmls-brand span,.is-collapsed .hmls-brand-title,.is-collapsed .hmls-sidebar nav a span{display:none}.is-collapsed .hmls-sidebar nav a{justify-content:center;padding:12px}.is-collapsed .hmls-sidebar .hmls-bottom-nav{padding-top:18px}.is-collapsed .hmls-collapse{right:20px}
.hmls-image-dialog{width:min(96vw,1700px);max-width:96vw;height:94dvh;max-height:94dvh;padding:16px;border:1px solid #829b73;border-radius:12px;background:#080d0a;color:#fff}.hmls-image-dialog::backdrop{background:#000d}.hmls-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.hmls-image-dialog h2{margin:0;font-size:22px}.hmls-image-dialog img{display:block;object-fit:contain;width:100%;height:calc(100% - 68px)}.hmls .hmls-image-dialog button{min-height:44px;width:auto;padding:8px 18px}.hmls-signin .hmls-header img{width:200px;max-height:100px;object-fit:contain}.hmls-signin .hmls-header>a{display:flex;gap:20px;align-items:center}
@media(max-width:1100px){.hmls-portal{--sidebar:244px}.hmls-sidebar{padding-left:12px;padding-right:12px}.hmls-sidebar nav a{font-size:16px;gap:12px}.hmls-project-card-footer{align-items:flex-start;flex-direction:column}.hmls-messages-toolbar{align-items:flex-start;flex-direction:column;gap:0}.hmls-image-grid{grid-template-columns:1fr}.hmls-conversation .hmls-message{max-width:92%}}
@media(max-width:767px){.hmls-portal{display:block;--sidebar:280px}.hmls-viewer{height:calc(100dvh - 62px);margin-top:62px;padding:24px 16px 36px}.hmls .hmls-mobile-menu{display:flex;align-items:center;gap:12px;position:fixed;inset:0 0 auto 0;border-radius:0;z-index:20;height:62px;width:100%;text-align:left;background:#0b120d;color:#a3e635;border:0;border-bottom:1px solid #405447;font-size:23px;padding:12px 18px}.hmls-mobile-menu span{font-size:17px}.hmls-sidebar,.is-collapsed .hmls-sidebar{position:fixed;left:0;top:62px;height:calc(100dvh - 62px);width:min(300px,86vw);z-index:22;transform:translateX(-102%);padding:20px 16px}.hmls-sidebar .hmls-widget-content{min-height:calc(100dvh - 104px)}.is-menu-open .hmls-sidebar{transform:translateX(0)}.hmls-portal .hmls-collapse{display:none}.hmls-menu-backdrop{position:fixed;inset:62px 0 0;z-index:21;background:#000b}.hmls-brand img{height:100px;width:200px}.hmls-sidebar .hmls-brand-title{font-size:25px}.is-collapsed .hmls-brand span,.is-collapsed .hmls-brand-title,.is-collapsed .hmls-sidebar nav a span{display:block}.is-collapsed .hmls-sidebar nav a{justify-content:flex-start}.is-collapsed .hmls-brand img{width:200px;height:100px}.hmls-screen-header{margin-bottom:24px}.hmls-screen-header h1{font-size:32px}.hmls-eyebrow{font-size:13px}.hmls-project-cover{height:280px}.hmls-project-card-footer{padding:20px;gap:18px}.hmls-project-card-footer h2{font-size:25px}.hmls-project-card-footer>div:last-child{align-items:stretch;flex-direction:column;width:100%}.hmls-materials{grid-template-columns:1fr}.hmls-messages-screen{height:calc(100dvh - 250px);min-height:540px}.hmls-messages-toolbar{padding:12px 16px}.hmls-conversation{padding:16px}.hmls-conversation .hmls-message{max-width:96%;padding:14px}.hmls-messages-screen>.hmls-form{padding:14px;gap:8px}.hmls-composer-actions{flex-direction:column;align-items:stretch;gap:12px}.hmls-composer-actions button{width:100%}.hmls-next-actions{flex-direction:column}.hmls-plan-pdf{min-height:360px;height:65vh}.hmls-skip{left:12px}.hmls-viewer dl{grid-template-columns:1fr;gap:4px}.hmls-viewer dd{margin-bottom:16px}.hmls-image-dialog header h2{font-size:18px}}

.hmls-sidebar .hmls-brand-title{color:var(--studio-accent,#a3e635);text-transform:uppercase;letter-spacing:.02em;font-size:22px}

.hmls-signin .hmls-header small{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:.04em;text-transform:uppercase}
.hmls-signin #wp-submit{background:#a3e635;border-color:#a3e635;color:#142015;font-weight:700}
.hmls-signin #wp-submit:hover,.hmls-signin #wp-submit:focus-visible{background:#bef264;border-color:#bef264}
@media(max-width:600px){.hmls-signin .hmls-header>a{gap:12px}.hmls-signin .hmls-header img{width:175px}.hmls-signin .hmls-header small{font-size:19px}}

/* Tighten the caption directly under the sidebar logo. */
.hmls-sidebar .hmls-brand{gap:0}
.hmls-sidebar .hmls-brand img{height:100px}
.hmls-sidebar .hmls-brand span{margin-top:2px}

/* The sign-in page has one centered title above the form. */
.hmls-signin-main{padding-top:clamp(32px,6vh,64px)}
.hmls-signin-title{max-width:580px;margin:0 auto 14px!important;text-align:center;color:#a3e635;font-size:clamp(26px,3vw,34px)!important;font-weight:800;letter-spacing:.04em}
.hmls-signin .hmls-login{margin:0 auto}
.hmls-login-math{margin:0!important}
.hmls-login-math input{max-width:180px}
.hmls-login-math>div{margin:0!important}.hmls-login-math p{margin:0 0 8px!important}.hmls-login-math br{display:none}
.hmls-login-math #jetpack_protect_answer{width:100%!important;max-width:180px;height:auto!important;min-height:48px;vertical-align:baseline!important;font-size:18px!important}

/* Keep the message composer visible while the conversation scrolls internally. */
@media(min-width:768px){
 .hmls-viewer[data-view="messages"]{padding-bottom:16px}
 .hmls-viewer[data-view="messages"] .hmls-messages-screen{height:calc(100dvh - 224px);min-height:0;flex:none}
 .hmls-viewer[data-view="messages"] .hmls-conversation{min-height:0}
}

.hmls-project-overview{padding:clamp(22px,3vw,38px)}
.hmls-project-overview h2{margin:0 0 26px;font-size:clamp(27px,2.5vw,36px)}
.hmls-overview-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);gap:clamp(22px,3vw,42px);align-items:start}
.hmls-overview-meta{display:grid;gap:8px;padding:24px;background:#121d16;border:1px solid #435b47;border-left:4px solid var(--studio-accent);border-radius:8px;overflow-wrap:anywhere}
.hmls-overview-meta:only-child{grid-column:1/-1}
.hmls-overview-meta strong{font-size:21px;line-height:1.3;color:#fff;margin-bottom:10px}
.hmls-overview-meta span{font-size:16px;line-height:1.5;color:#d7e5d9}
.hmls-overview-description p{max-width:72ch;margin:0 0 22px;line-height:1.65}
.hmls-overview-description p:last-child{margin-bottom:0}
.hmls-survey details>summary{color:#FFDF20}
@media(max-width:900px){.hmls-overview-grid{grid-template-columns:1fr}.hmls-overview-meta{padding:20px}}

.hmls-screen-header .hmls-version-state.is-approved{color:var(--studio-accent);font-weight:800}
.hmls-portal .hmls-viewer button,.hmls-portal .hmls-viewer .hmls-action,.hmls-portal .hmls-viewer summary{text-transform:capitalize}
.hmls .hmls-open-image:hover,.hmls .hmls-open-image:focus-visible{border-color:var(--studio-accent)}
.hmls .hmls-open-image:hover span,.hmls .hmls-open-image:focus-visible span{background:var(--studio-accent);color:#080d0a}

/* Fill and center the sidebar logo without adding a separate caption. */
@media(min-width:768px){
 .hmls-sidebar{padding-top:26px}
 .hmls-sidebar .hmls-brand{width:100%;min-height:120px;margin:4px auto 2px;display:flex;align-items:center;justify-content:center}
 .hmls-sidebar .hmls-brand img{width:min(100%,240px);height:120px;max-height:none;object-fit:contain}
 .hmls-sidebar .hmls-brand-title{margin-top:0}
 .hmls-portal.is-collapsed .hmls-sidebar .hmls-brand{min-height:52px;margin:12px 0}
 .hmls-portal.is-collapsed .hmls-sidebar .hmls-brand img{width:60px;height:50px}
}

/* Keep one project and its labels together in the first viewport. */
.hmls-portal h1,.hmls-portal h2,.hmls-portal h3,.hmls-portal h4,.hmls-portal h5,.hmls-portal h6,.hmls-portal summary,.hmls-version-badge{text-transform:capitalize}
.hmls-viewer[data-view="projects"][data-project-count="1"]{padding-top:18px;padding-bottom:18px}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-widget-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 36px)}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-screen-header{margin-bottom:8px}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-screen-header h1{margin:8px 0}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-widget-content>h2{margin:4px 0}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-widget-content>p{margin:4px 0 8px}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-project-card{margin:8px 0 10px}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-project-cover{height:clamp(180px,34dvh,360px)}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-project-card-footer{padding:18px 24px}
.hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-privacy-note{margin:0}
@media(max-width:767px){
 .hmls-viewer[data-view="projects"][data-project-count="1"]{padding:16px}
 .hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-widget-content{min-height:calc(100dvh - 94px)}
 .hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-project-cover{height:clamp(100px,18dvh,160px)}
 .hmls-viewer[data-view="projects"][data-project-count="1"] .hmls-project-card-footer{padding:12px 16px;gap:8px}
}

/* Narrow only the note tool chooser; keep the note field and save button full width. */
.hmls-image-grid.is-notes .hmls-note-tool{width:20%;min-width:150px;max-width:220px}

/* Project Details reference layout. */
.hmls-viewer[data-view="details"]{background:radial-gradient(circle at 55% 0%,#123b2e 0,#061b15 38%,#02110d 100%)}
.hmls-viewer[data-view="details"] .hmls-screen-header{margin-bottom:18px}
.hmls-viewer[data-view="details"] .hmls-screen-header .hmls-eyebrow{color:#d7f519}
.hmls-details-layout{display:grid;grid-template-columns:minmax(260px,27%) minmax(0,1fr);gap:16px;align-items:stretch}
.hmls-details-layout .hmls-panel{margin:0;background:#052219d9;border-color:#15533d;box-shadow:inset 0 0 25px #03140d}
.hmls-details-contact{border-left:7px solid #a3e635!important;padding:22px 20px!important}
.hmls-details-contact h2{font-size:clamp(22px,2vw,30px);line-height:1.08}
.hmls-contact-inner{border:1px solid #1d573f;border-radius:10px;padding:12px 16px}
.hmls-contact-inner p{display:flex;gap:18px;align-items:start;margin:6px 0;overflow-wrap:anywhere}
.hmls-contact-inner p span{color:#a3e635;font-size:24px;line-height:1}
.hmls-details-cover{display:block;width:100%;height:100%;min-height:310px;max-height:430px;object-fit:cover;border:1px solid #53815a;border-radius:12px}
.hmls-details-placeholder{background:linear-gradient(135deg,#16382a,#07180f)}
.hmls-details-overview h2,.hmls-details-timeline h2,.hmls-details-next h2{font-size:clamp(22px,2vw,28px);margin-bottom:16px}
.hmls-details-overview p{margin:0 0 22px}
.hmls-details-right{display:grid;grid-template-rows:auto auto;gap:12px}
.hmls-details-timeline,.hmls-details-next{padding:20px!important}
.hmls-details-timeline ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:4px}
.hmls-details-timeline li{text-align:center;font-size:clamp(12px,1vw,17px);line-height:1.3;font-weight:700;position:relative}
.hmls-timeline-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:3px solid #9da7a0;border-radius:50%;background:#353b38;color:#11200b;margin:0 auto 12px;position:relative;z-index:1}
.hmls-details-timeline li:not(:last-child):before{content:"";position:absolute;top:15px;left:50%;width:100%;height:4px;background:#aaa;z-index:0}
.hmls-details-timeline li.is-complete .hmls-timeline-dot{background:#a3e635;border-color:#a3e635}
.hmls-details-timeline li.is-current{color:#d8f31a}.hmls-details-timeline li.is-current .hmls-timeline-dot{background:#07301d;border-color:#c3ee26}
.hmls-details-timeline li.is-complete:before{background:#a3e635}
.hmls-details-next .hmls-next-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.hmls-details-next .hmls-action{padding:10px;min-height:58px;text-align:center}
@media(max-width:1050px){.hmls-details-layout{grid-template-columns:1fr 1fr}.hmls-details-right{grid-column:1/-1}.hmls-details-cover{min-height:280px}.hmls-details-overview{grid-column:1/-1}}
@media(max-width:650px){.hmls-details-layout{grid-template-columns:1fr}.hmls-details-right,.hmls-details-overview{grid-column:auto}.hmls-details-cover{height:220px;min-height:220px}.hmls-details-timeline ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.hmls-details-timeline li:nth-child(3):before{display:none}.hmls-details-next .hmls-next-actions{grid-template-columns:1fr}}

/* Sidebar rhythm: clear the toggle while keeping the title near navigation. */
@media(min-width:768px){.hmls-sidebar{padding-top:36px}.hmls-sidebar .hmls-brand{min-height:116px;margin:8px auto 6px}.hmls-sidebar .hmls-brand img{height:108px}.hmls-sidebar .hmls-brand-title{margin:4px 10px 14px}.hmls-sidebar .hmls-main-nav{margin-bottom:20px}}

/* Customer sign-in fits a phone or tablet viewport, with internal scroll only on short screens. */
@media(max-width:1024px){.hmls-signin{height:100dvh;overflow:hidden}.hmls-signin-main{height:100dvh;overflow:auto;padding:clamp(8px,2dvh,22px) 16px!important;display:flex;flex-direction:column;justify-content:center}.hmls-signin-title{font-size:clamp(20px,4vw,29px)!important;margin:0 auto 8px!important}.hmls-signin .hmls-login{width:min(100%,540px);padding:clamp(12px,2dvh,22px);margin:0 auto}.hmls-signin .hmls-login h1{font-size:clamp(22px,4vw,30px);margin:8px 0}.hmls-signin .hmls-login p{margin:6px 0;font-size:clamp(13px,2vw,16px)}.hmls-signin .hmls-login form{gap:clamp(6px,1.5dvh,14px);margin:10px 0}.hmls-signin .hmls-login label{font-size:14px}.hmls-signin .hmls-login input:not([type=checkbox]):not([type=hidden]){min-height:38px;padding:7px;font-size:16px;margin-top:4px}.hmls-signin .hmls-login input[type=submit]{min-height:42px;padding:8px}.hmls-signin .hmls-login-math #jetpack_protect_answer{min-height:38px!important}}
@media(max-width:1024px) and (max-height:650px){.hmls-signin-main{justify-content:flex-start}.hmls-signin .hmls-login h1{font-size:21px}.hmls-signin .hmls-eyebrow{font-size:12px}.hmls-signin .hmls-login form{gap:5px}}

/* Fit every sidebar destination within the viewport. */
.hmls-portal .hmls-sidebar{overflow:hidden;padding:30px 14px 12px}
.hmls-portal .hmls-sidebar .hmls-widget-content{height:100%;min-height:0}
.hmls-portal .hmls-sidebar .hmls-brand{min-height:92px;margin:4px auto 0}
.hmls-portal .hmls-sidebar .hmls-brand img{height:90px}
.hmls-portal .hmls-sidebar .hmls-brand-title{font-size:20px;line-height:1.2;margin:2px 10px 8px}
.hmls-portal .hmls-sidebar nav{gap:2px}
.hmls-portal .hmls-sidebar nav a{min-height:40px;padding:6px 10px;font-size:15px;gap:10px}
.hmls-portal .hmls-sidebar nav svg{width:21px;height:21px;flex-basis:21px}
.hmls-portal .hmls-sidebar .hmls-orb{width:25px;height:25px;flex-basis:25px}
.hmls-portal .hmls-sidebar .hmls-main-nav{margin-bottom:8px}
.hmls-portal .hmls-sidebar .hmls-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:8px;gap:4px}
.hmls-portal .hmls-sidebar .hmls-bottom-nav a{font-size:12px;gap:5px;padding:5px 4px;min-height:40px}
.hmls-portal .hmls-sidebar .hmls-bottom-nav svg{width:18px;height:18px;flex-basis:18px}
.hmls-portal.is-collapsed .hmls-sidebar .hmls-brand{min-height:50px;margin:10px 0 0}
.hmls-portal.is-collapsed .hmls-sidebar .hmls-brand img{width:50px;height:48px}
.hmls-portal.is-collapsed .hmls-sidebar .hmls-bottom-nav{grid-template-columns:1fr}
@media(max-width:767px){.hmls-portal .hmls-sidebar{top:62px;height:calc(100dvh - 62px);padding:12px 12px 8px}.hmls-portal .hmls-sidebar .hmls-brand{min-height:70px}.hmls-portal .hmls-sidebar .hmls-brand img{height:68px}.hmls-portal .hmls-sidebar .hmls-brand-title{margin:0 8px 6px}.hmls-portal .hmls-sidebar .hmls-main-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:6px}.hmls-portal .hmls-sidebar nav a{min-height:44px;font-size:13px;gap:5px;padding:4px}.hmls-portal .hmls-sidebar .hmls-bottom-nav a{min-height:44px;font-size:12px}}

/* Keep Project Details compact and put the actions directly below the timeline. */
.hmls-details-right{grid-template-rows:max-content max-content;align-content:start}
@media(min-width:1051px){
 .hmls-viewer[data-view="details"]{padding-top:18px;padding-bottom:16px}
 .hmls-viewer[data-view="details"] .hmls-screen-header{margin-bottom:10px}
 .hmls-viewer[data-view="details"] .hmls-screen-header h1{margin:4px 0}
 .hmls-viewer[data-view="details"] .hmls-screen-header>p{margin:4px 0}
 .hmls-details-cover{height:clamp(205px,34dvh,350px);min-height:0;max-height:none}
 .hmls-details-contact{padding:14px!important}
 .hmls-details-contact h2{margin-bottom:10px}
 .hmls-contact-inner{padding:9px 11px}
 .hmls-contact-inner p{margin:4px 0}
 .hmls-details-overview,.hmls-details-timeline,.hmls-details-next{padding:14px!important}
 .hmls-details-overview h2,.hmls-details-timeline h2,.hmls-details-next h2{margin-bottom:8px}
 .hmls-details-overview p{margin-bottom:10px;line-height:1.4}
 .hmls-details-next .hmls-action{min-height:44px}
}
/* Give the logo, heading, and navigation consistent breathing room. */
@media(min-width:768px){
 .hmls-portal .hmls-sidebar{padding-top:20px}
 .hmls-portal .hmls-sidebar .hmls-brand{min-height:100px;margin:7px auto 3px}
 .hmls-portal .hmls-sidebar .hmls-brand img{height:96px}
 .hmls-portal .hmls-sidebar .hmls-brand-title{margin:4px 10px 14px}
}
/* The sign-in card fills a screen without a separate page heading. */
.hmls-signin-main{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:12px 16px!important}
.hmls-signin .hmls-login{margin:0 auto;padding:clamp(12px,2dvh,22px)}
.hmls-signin .hmls-login h1{margin:5px 0;font-size:clamp(22px,3.2dvh,30px)}
.hmls-signin .hmls-login p{margin:5px 0}
.hmls-signin .hmls-login form{gap:clamp(5px,1dvh,10px);margin:8px 0}
.hmls-signin .hmls-login input:not([type=checkbox]):not([type=hidden]){min-height:36px;margin-top:3px;padding:6px 9px}
.hmls-signin .hmls-login input[type=submit]{min-height:40px}
.hmls-signin .hmls-login-math #jetpack_protect_answer{min-height:36px!important}
@media(max-width:1024px){.hmls-signin-main{height:100dvh;min-height:0;overflow:hidden;padding:8px 12px!important}.hmls-signin .hmls-login{max-height:calc(100dvh - 16px);overflow:hidden}}

/* Let the customer destinations share the space between branding and account links. */
@media(min-width:768px){
 .hmls-portal .hmls-sidebar .hmls-main-nav{flex:1;min-height:0;grid-template-rows:repeat(10,minmax(0,1fr));gap:3px}
 .hmls-portal .hmls-sidebar .hmls-main-nav a{min-height:0;font-size:17px;padding:6px 11px;gap:12px}
 .hmls-portal .hmls-sidebar .hmls-main-nav svg{width:23px;height:23px;flex-basis:23px}
 .hmls-portal .hmls-sidebar .hmls-main-nav .hmls-orb{width:27px;height:27px;flex-basis:27px}
 .hmls-portal.is-collapsed .hmls-sidebar .hmls-main-nav a{justify-content:center;padding:5px}
}

@media(min-width:1051px){
 .hmls-details-layout{grid-template-columns:minmax(310px,34%) minmax(0,1fr)}
 .hmls-details-contact h2{font-size:22px}
 .hmls-contact-inner p{font-size:15px;line-height:1.3;gap:10px}
 .hmls-contact-inner p span{font-size:19px}
 .hmls-details-overview p{font-size:15px;line-height:1.35;margin-bottom:10px}
 .hmls-details-timeline li{font-size:12px;line-height:1.2}
 .hmls-timeline-dot{width:26px;height:26px;margin-bottom:6px}
 .hmls-details-timeline li:not(:last-child):before{top:12px}
 .hmls-details-next .hmls-action{font-size:14px;line-height:1.2;padding:7px;min-height:42px}
}

/* Fill the Project Details viewport while preserving the content's minimum height. */
.hmls-contact-inner .hmls-contact-address{color:#edf4ef;font-size:inherit;line-height:inherit}
@media(min-width:1051px){
 .hmls-viewer[data-view="details"] .hmls-widget-content{display:flex;flex-direction:column;min-height:calc(100dvh - 50px)}
 .hmls-viewer[data-view="details"] .hmls-details-layout{flex:1;min-height:0;grid-template-rows:minmax(max-content,1fr) minmax(max-content,1fr)}
 .hmls-viewer[data-view="details"] .hmls-details-cover{height:100%;max-height:none}
 .hmls-viewer[data-view="details"] .hmls-details-right{grid-template-rows:minmax(max-content,1fr) max-content;height:100%}
 .hmls-viewer[data-view="details"] .hmls-contact-inner p{font-size:17px;line-height:1.35}
}
/* Center the sidebar title below the logo, with clear space before navigation. */
@media(min-width:768px){
 .hmls-portal .hmls-sidebar .hmls-brand{min-height:96px;margin-bottom:0}
 .hmls-portal .hmls-sidebar .hmls-brand-title{width:100%;text-align:center;align-self:center;margin:12px 0 12px}
}
/* Use the login screen height for the form and distribute its fields evenly. */
.hmls-signin-main{height:100dvh;min-height:0;overflow:hidden;padding:16px!important}
.hmls-signin .hmls-login{width:min(100%,580px);min-height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;justify-content:space-evenly;overflow:hidden}
.hmls-signin .hmls-login form{flex:1;min-height:0;align-content:space-evenly;margin:4px 0}
@media(max-width:600px){.hmls-signin-main{padding:8px!important}.hmls-signin .hmls-login{min-height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}

@media(min-width:1051px){
 .hmls-viewer[data-view="details"] .hmls-details-layout{grid-template-columns:minmax(330px,38%) minmax(0,1fr);grid-template-rows:auto minmax(max-content,1fr)}
 .hmls-viewer[data-view="details"] .hmls-details-cover{height:clamp(215px,calc((100dvh - 210px)*.52),460px);min-height:0;max-height:none}
 .hmls-viewer[data-view="details"] .hmls-contact-inner p:last-child{overflow-wrap:normal;font-size:16px}
}

/* Improve the two annotated Project Details panels. */
.hmls-details-contact{display:flex;flex-direction:column}
.hmls-details-contact .hmls-contact-inner{display:grid;align-content:center;flex:1;min-height:0}
.hmls-details-contact .hmls-contact-inner p{align-items:center;gap:12px;margin:6px 0}
.hmls-details-contact .hmls-contact-icon{width:25px;height:25px;flex:0 0 25px;color:#a3e635}
.hmls-details-timeline{display:flex;flex-direction:column;justify-content:center}
.hmls-details-timeline ol{width:100%}
@media(min-width:1051px){
 .hmls-viewer[data-view="details"] .hmls-contact-inner p{font-size:18px;line-height:1.3}
 .hmls-viewer[data-view="details"] .hmls-contact-inner p:last-child{font-size:17px}
 .hmls-viewer[data-view="details"] .hmls-details-overview p{font-size:18px;line-height:1.25}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li{font-size:14px;line-height:1.2}
 .hmls-viewer[data-view="details"] .hmls-timeline-dot{width:32px;height:32px;margin-bottom:8px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li:not(:last-child):before{top:15px}
}
/* A larger, compact login group within the full-height card. */
.hmls-signin .hmls-login{justify-content:center;gap:8px}
.hmls-signin .hmls-login h1{font-size:clamp(28px,3.6vw,38px);line-height:1.12;margin:0}
.hmls-signin .hmls-login p{font-size:18px;line-height:1.35;margin:0}
.hmls-signin .hmls-login .hmls-eyebrow{font-size:16px}
.hmls-signin .hmls-login form{flex:0 0 auto;align-content:start;gap:6px;margin:2px 0}
.hmls-signin .hmls-login label{font-size:18px}
.hmls-signin .hmls-login input:not([type=checkbox]):not([type=hidden]){min-height:44px;font-size:18px}
.hmls-signin .hmls-login #wp-submit{min-height:46px;font-size:18px}
@media(max-width:600px){.hmls-signin .hmls-login h1{font-size:clamp(27px,7vw,32px)}.hmls-signin .hmls-login p{font-size:16px}.hmls-signin .hmls-login label{font-size:16px}}

@media(min-width:1051px){
 .hmls-viewer[data-view="details"]{padding-bottom:14px}
 .hmls-viewer[data-view="details"] .hmls-details-layout{grid-template-columns:minmax(330px,42%) minmax(0,1fr)}
 .hmls-viewer[data-view="details"] .hmls-details-overview{padding:8px 14px!important}
 .hmls-viewer[data-view="details"] .hmls-details-overview h2{margin-bottom:5px}
 .hmls-viewer[data-view="details"] .hmls-details-overview p{line-height:1.12;margin-bottom:7px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline,.hmls-viewer[data-view="details"] .hmls-details-next{padding:8px 14px!important}
 .hmls-viewer[data-view="details"] .hmls-details-timeline h2,.hmls-viewer[data-view="details"] .hmls-details-next h2{margin-bottom:4px}
 .hmls-viewer[data-view="details"] .hmls-timeline-dot{margin-bottom:4px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li{font-size:13px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li:first-child{font-size:12px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li>span:last-child{display:block;transform:scaleX(.86);transform-origin:center top}
 .hmls-viewer[data-view="details"] .hmls-details-next .hmls-action{min-height:38px;padding:5px}
}

/* Give taller Project Details screens the spacing shown in the design reference. */
@media(min-width:1051px) and (min-height:860px){
 .hmls-viewer[data-view="details"] .hmls-details-contact{padding:20px!important}
 .hmls-viewer[data-view="details"] .hmls-contact-inner{align-content:space-evenly;padding:14px 16px}
 .hmls-viewer[data-view="details"] .hmls-contact-inner p{margin:0;gap:14px}
 .hmls-viewer[data-view="details"] .hmls-details-overview{display:flex;flex-direction:column;gap:18px;padding:20px!important}
 .hmls-viewer[data-view="details"] .hmls-details-overview h2,.hmls-viewer[data-view="details"] .hmls-details-overview p{margin:0}
 .hmls-viewer[data-view="details"] .hmls-details-overview p{line-height:1.32}
 .hmls-viewer[data-view="details"] .hmls-details-right{grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);align-content:stretch}
 .hmls-viewer[data-view="details"] .hmls-details-timeline,.hmls-viewer[data-view="details"] .hmls-details-next{padding:16px!important}
 .hmls-viewer[data-view="details"] .hmls-details-timeline{justify-content:initial}
 .hmls-viewer[data-view="details"] .hmls-details-timeline ol{margin:auto 0}
 .hmls-viewer[data-view="details"] .hmls-details-timeline h2,.hmls-viewer[data-view="details"] .hmls-details-next h2{margin-bottom:10px}
 .hmls-viewer[data-view="details"] .hmls-details-next{display:flex;flex-direction:column}
 .hmls-viewer[data-view="details"] .hmls-next-actions{margin:auto 0;gap:10px}
 .hmls-viewer[data-view="details"] .hmls-details-next .hmls-action{min-height:48px;padding:8px;font-size:15px;line-height:1.2}
}
@media(min-width:1051px) and (max-width:1400px) and (min-height:860px){
 .hmls-viewer[data-view="details"] .hmls-details-layout{height:calc(100dvh - 159px);flex:none;grid-template-rows:300px minmax(0,1fr)}
 .hmls-viewer[data-view="details"] .hmls-details-cover{height:300px}
 .hmls-viewer[data-view="details"] .hmls-details-right{min-height:0}
 .hmls-viewer[data-view="details"] .hmls-details-timeline ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li:nth-child(3):before{display:none}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li>span:last-child{transform:none}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li:first-child{font-size:13px}
 .hmls-viewer[data-view="details"] .hmls-timeline-dot{width:26px;height:26px;margin-bottom:3px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li:not(:last-child):before{top:12px}
 .hmls-viewer[data-view="details"] .hmls-next-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hmls-viewer[data-view="details"] .hmls-next-actions .hmls-action:last-child{grid-column:1/-1}
 .hmls-viewer[data-view="details"] .hmls-details-next{padding:12px!important}
 .hmls-viewer[data-view="details"] .hmls-details-next .hmls-action{min-height:42px}
}
@media(min-width:1401px) and (min-height:860px){
 .hmls-viewer[data-view="details"] .hmls-details-layout{grid-template-columns:minmax(360px,30%) minmax(0,1fr)}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li,.hmls-viewer[data-view="details"] .hmls-details-timeline li:first-child{font-size:15px}
 .hmls-viewer[data-view="details"] .hmls-details-timeline li>span:last-child{transform:none}
 .hmls-viewer[data-view="details"] .hmls-details-next .hmls-action{min-height:58px;font-size:16px}
}

/* Image Notes controls follow the adjacent position heading. */
.hmls-image-grid.is-notes .hmls-note-tool{width:min(340px,100%);min-width:0;max-width:none;font-size:20px;font-weight:700}
.hmls-image-grid.is-notes .hmls-note-tool select{width:100%}
.hmls-image-grid.is-notes .hmls-note-text-label{font-size:20px;font-weight:700}

/* Reception-photo sign-in screen. */
.hmls-signin{min-height:100dvh;background:#030604;color:#f7faf6;overflow:hidden}
.hmls-signin-main{width:100%;max-width:none;height:100dvh;min-height:0;padding:24px clamp(20px,4.6vw,78px)!important;display:grid;place-items:center;overflow:hidden}
.hmls-login-shell{width:min(100%,1520px);height:min(800px,calc(100dvh - 48px));display:grid;grid-template-columns:55% 45%;overflow:hidden;border:1px solid #23402f;border-radius:20px;box-shadow:0 25px 75px #0009}
.hmls-login-photo{min-width:0;min-height:0;background:#122017}
.hmls-login-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hmls-signin .hmls-login{width:auto;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:clamp(26px,3.5vw,58px)!important;border:0;border-radius:0;background:radial-gradient(circle at 45% 45%,#102d20 0,#081b14 52%,#06130f 100%);display:flex;flex-direction:column;justify-content:center;gap:0;overflow:auto}
.hmls-signin .hmls-login .hmls-eyebrow{font-size:clamp(12px,1vw,16px);font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hmls-signin .hmls-login h1{font-size:clamp(37px,3.65vw,62px);line-height:1.03;font-weight:900;letter-spacing:-.03em;color:#fff;margin:16px 0 16px}
.hmls-signin .hmls-login .hmls-login-intro{font-size:clamp(16px,1.32vw,21px);line-height:1.45;margin:0 0 22px;color:#f0f6f0}
.hmls-signin .hmls-login form{display:grid;flex:0 0 auto;align-content:start;gap:13px;margin:0}
.hmls-signin .hmls-login form>p{margin:0}
.hmls-signin .hmls-login label{font-size:clamp(16px,1.2vw,20px);font-weight:700;line-height:1.25}
.hmls-signin .hmls-login input:not([type=checkbox]):not([type=hidden]){width:100%;min-height:54px;margin-top:6px;padding:12px 18px;border:1px solid #617487;border-radius:8px;background:linear-gradient(135deg,#1a2c38,#263a4b);color:#fff;font-size:18px}
.hmls-signin .hmls-login input::placeholder{color:#abb9c4;opacity:1}
.hmls-signin .hmls-login .login-remember label{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:400}
.hmls-signin .hmls-login .login-remember input{width:26px;height:26px;min-width:26px;margin:0;accent-color:#a3e635}
.hmls-signin .hmls-login .hmls-login-math{margin:0!important}
.hmls-signin .hmls-login .hmls-login-math>div{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:end;gap:10px 24px;margin:0!important}
.hmls-signin .hmls-login .hmls-login-math p{grid-column:1/-1;margin:0!important;font-size:18px!important;font-weight:700;line-height:1.25}
.hmls-signin .hmls-login .hmls-login-math label{font-size:clamp(24px,1.9vw,32px);font-weight:800;white-space:nowrap;align-self:center;vertical-align:baseline!important}
.hmls-signin .hmls-login .hmls-login-math input[type=number],.hmls-signin .hmls-login .hmls-login-math #jetpack_protect_answer{width:100%!important;max-width:none!important;height:54px!important;min-height:54px!important;margin:0!important;padding:12px 18px!important;font-size:18px!important;vertical-align:baseline!important}
.hmls-signin .hmls-login .login-submit #wp-submit{width:100%;min-height:56px;margin:0;padding:8px 16px;border-radius:7px;background:#a3e635;border-color:#a3e635;color:#10200f;font-size:25px;font-weight:800}
.hmls-signin .hmls-login .hmls-login-forgot{display:inline-block;align-self:flex-start;margin-top:12px;color:#a3e635;font-size:18px;font-weight:700}
.hmls-signin .hmls-login{scrollbar-width:none;-ms-overflow-style:none}
.hmls-signin .hmls-login::-webkit-scrollbar{display:none}

/* Match the customer's pale green reference on the conversation and composer. */
@media(max-width:900px){
 .hmls-signin-main{padding:12px!important}
 .hmls-login-shell{width:min(100%,620px);height:calc(100dvh - 24px);grid-template-columns:1fr}
 .hmls-login-photo{display:none}
 .hmls-signin .hmls-login{padding:clamp(20px,4vw,40px)!important}
 .hmls-signin .hmls-login h1{font-size:clamp(34px,5vw,48px)}
}
@media(max-width:600px){
 .hmls-signin-main{padding:8px!important}
 .hmls-login-shell{height:calc(100dvh - 16px);border-radius:14px}
 .hmls-signin .hmls-login{padding:clamp(16px,4vw,24px)!important}
 .hmls-signin .hmls-login h1{font-size:clamp(30px,7vw,40px);margin:8px 0 10px}
 .hmls-signin .hmls-login .hmls-login-intro{font-size:15px;line-height:1.35;margin-bottom:12px}
 .hmls-signin .hmls-login form{gap:8px}
 .hmls-signin .hmls-login label{font-size:15px}
 .hmls-signin .hmls-login input:not([type=checkbox]):not([type=hidden]){min-height:44px;font-size:16px;padding:8px 12px;margin-top:4px}
 .hmls-signin .hmls-login .login-remember label{font-size:16px}
 .hmls-signin .hmls-login .login-remember input{width:22px;height:22px;min-width:22px}
 .hmls-signin .hmls-login .hmls-login-math>div{gap:6px 12px}
 .hmls-signin .hmls-login .hmls-login-math p{font-size:16px!important}
 .hmls-signin .hmls-login .hmls-login-math label{font-size:22px}
 .hmls-signin .hmls-login .hmls-login-math input[type=number],.hmls-signin .hmls-login .hmls-login-math #jetpack_protect_answer{height:44px!important;min-height:44px!important;padding:8px 12px!important;font-size:16px!important}
 .hmls-signin .hmls-login .login-submit #wp-submit{min-height:48px;font-size:21px}
 .hmls-signin .hmls-login .hmls-login-forgot{font-size:16px;margin-top:8px}
}
.hmls-material-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:14px 0;border-top:1px solid #405447}.hmls-material-row label{min-width:0}.hmls-material-row input[type=file]{font-size:14px}.hmls-material-row .hmls-material-remove{font-size:14px;padding:8px 12px;min-height:45px;background:#26372c;color:#fff;border-color:#77887a}.hmls-material-photo{display:block;width:100%;height:clamp(320px,34vw,440px);object-fit:contain;background:#101a14;border-radius:8px;margin-bottom:18px}@media(max-width:900px){.hmls-material-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hmls-material-row .hmls-material-remove{width:auto}}@media(max-width:500px){.hmls-material-row{grid-template-columns:1fr}}
.hmls-image-grid:not(.is-notes) .hmls-open-image img{width:100%;height:clamp(440px,40vw,560px);object-fit:cover;background:#080d0a}.hmls-image-grid.is-notes .hmls-canvas{width:100%;max-width:100%}.hmls-image-grid.is-notes .hmls-canvas img{width:100%;height:auto}@media(max-width:767px){.hmls-image-grid:not(.is-notes) .hmls-open-image img{height:clamp(300px,65vw,480px)}}