.home-board {
  --hb-bg: #071321;
  --hb-panel: #101c2b;
  --hb-raised: #1b2940;
  --hb-line: #32445b;
  --hb-text: #f7f5f5;
  --hb-muted: #b7c0d0;
  --hb-violet: #bba9ff;
  --hb-cyan: #8fe3ee;
  background: #071321;
  color: var(--hb-text);
}
.home-board .hb-main {max-width:none;margin:0;padding:21px 18px 30px;}
.home-board .hb-hero {min-height:100px;align-items:start;border:0;padding:0 10px 10px;}
.home-board .hb-hero h1 {font:400 clamp(37px,4.5cqw,57px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:0 0 3px;}
.home-board .hb-lede {font:400 clamp(15px,1.8cqw,20px)/1.25 Georgia,serif;color:#eee7e2;}
.home-board .hb-hero>.hb-quiet {align-self:start;background:#182436;border:1px solid #56647a;border-radius:20px;color:#f2f3f7;font-size:11px;padding:5px 13px;min-height:28px;}
.home-board .hb-demo-label {align-self:start;border:1px solid #786ba9;background:#231e3b;color:#dfd2ff;border-radius:20px;padding:5px 12px;font-size:11px;}
.home-board .hb-status {min-height:0;margin:0!important;}
.home-board .hb-status:not(:empty) {margin:0 0 10px!important;padding:9px 13px;border:1px solid #6b6290;border-radius:9px;background:#201e39;}
.home-board .hb-status[data-kind=error]:not(:empty) {border-color:#a86873;background:#34202e;}
.home-board .hb-top {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,29%);gap:16px;align-items:stretch;}
.home-board .hb-top:has(> :only-child) {grid-template-columns:minmax(0,1fr);}
.home-board .hb-workspace>.hb-glance {margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px 22px;align-items:center;padding:20px;background:#101e31;}
.home-board .hb-workspace>.hb-glance .hb-glance-kicker {margin:0;}
.home-board .hb-workspace>.hb-glance .hb-glance-task {grid-column:2;grid-row:1 / span 2;}
.home-board .hb-workspace>.hb-glance .hb-glance-facts {grid-column:1;}
.home-board .hb-workspace>.hb-glance .hb-glance-cta {grid-column:2;min-height:44px;}
@container(max-width:570px){.home-board .hb-workspace>.hb-glance{grid-template-columns:minmax(0,1fr)}.home-board .hb-workspace>.hb-glance :is(.hb-glance-task,.hb-glance-facts,.hb-glance-cta){grid-column:1;grid-row:auto}}
.home-board .hb-showcase {height:370px;position:relative;overflow:hidden;border-radius:16px;border:1px solid #6d5b57;background:#49362b;isolation:isolate;}
.home-board .hb-glance {min-width:0;display:flex;flex-direction:column;gap:14px;padding:25px 24px;border:1px solid #435b88;border-radius:16px;background:radial-gradient(circle at 85% 10%,#312764 0,transparent 28%),linear-gradient(150deg,#101b32,#0b1728 75%);}
.home-board .hb-glance-kicker,.home-board .hb-glance-label {font:650 11px/1.3 system-ui,sans-serif;letter-spacing:.11em;color:#c7b9ff;}
.home-board .hb-glance h2 {font:400 32px/1.1 Georgia,serif;margin:0;color:#fff;}
.home-board .hb-glance-task {display:grid;gap:6px;padding:17px;border:1px solid #3a4c6c;border-radius:12px;background:#1a2840;min-width:0;}
.home-board .hb-glance-task strong {font:500 19px/1.2 Georgia,serif;overflow-wrap:anywhere;}
.home-board .hb-glance-task small,.home-board .hb-glance-facts span {font:12px/1.35 system-ui,sans-serif;color:#c1c9dc;}
.home-board .hb-glance-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.home-board .hb-glance-facts>div {display:grid;align-content:start;gap:4px;padding:8px 5px;border-top:1px solid #455370;}
.home-board .hb-glance-facts strong {font:600 24px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#e8deff;}
.home-board .hb-glance-cta {width:100%;min-height:44px;margin-top:auto;border:1px solid #c1b0ff;border-radius:11px;background:#a995ff;color:#151429;font-weight:650;text-align:center;}
.home-board .hb-glance-cta:hover {background:#d0c3ff;}
.home-board .hb-glance-unavailable {font-size:12px;color:#ffd7df;}
.home-board .hb-showcase-photo {position:absolute;inset:0;background:url('/atelier/assets/sillage-hero-v1.png') center 56%/cover no-repeat;}
.home-board .hb-showcase:before {content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(21,17,17,.8) 0%,rgba(25,19,19,.6) 29%,transparent 59%,rgba(17,18,25,.05) 78%,rgba(15,18,24,.52) 100%);}
.home-board .hb-showcase-copy {position:absolute;z-index:2;left:24px;top:28px;width:min(42%,360px);display:flex;align-items:start;flex-direction:column;}
.home-board .hb-showcase-eyebrow {font:500 12px/1.4 system-ui,sans-serif;color:#e8e5df;letter-spacing:.01em;}
.home-board .hb-showcase-eyebrow:first-letter {color:#25dab5;}
.home-board .hb-showcase-copy h2 {font:400 clamp(37px,4cqw,58px)/1.04 Georgia,serif;letter-spacing:-.045em;color:white;margin:13px 0 5px;text-wrap:balance;}
.home-board .hb-showcase-sub {font:400 18px/1.25 Georgia,serif;color:#fff;}
.home-board .hb-showcase-description {font:400 16px/1.33 Georgia,serif;color:#f4eeeb;margin-top:24px;max-width:310px;}
.home-board .hb-showcase-cta {margin-top:25px;border:1px solid #a392ff;border-radius:24px;background:#172033e8;color:#f8f8ff;padding:9px 18px;font-size:14px;font-weight:600;white-space:nowrap;min-height:42px;box-shadow:0 5px 20px #18122a55;}
.home-board .hb-showcase-cta:hover,.home-board .hb-preview-button:hover {background:#5847a7;}
.home-board .hb-showcase-gallery {position:absolute;z-index:2;right:15px;top:37px;bottom:16px;width:15%;min-width:130px;display:grid;grid-template-rows:1fr 1fr;gap:10px;}
.home-board .hb-showcase-thumb {position:relative;overflow:hidden;border-radius:10px;border:1px solid #ebd4c4a8;background:#5b4d45;}
.home-board .hb-showcase-thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.home-board .hb-showcase-thumb span {position:absolute;left:9px;bottom:8px;color:#fff;font-size:11px;text-shadow:0 2px 5px #000;}
.home-board .hb-visual-credit {position:absolute;z-index:2;right:18%;bottom:12px;color:#f8f4ee;background:#141a24a6;border-radius:12px;padding:3px 9px;font-size:10px;}
.home-board .hb-path {min-height:94px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:3px;padding:9px 2px;}
.home-board .hb-path-step {display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;min-height:63px;border:0;background:transparent;color:#f0f0f6;text-align:left;position:relative;padding:5px 2px;}
.home-board .hb-path-step:not(:last-child):after {content:"";position:absolute;right:-8px;top:50%;width:18px;height:1px;background:#6c6a99;}
.home-board .hb-path-icon {display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #8796af;border-radius:50%;background:#182437;color:#dce3f7;font-size:22px;line-height:1;}
.home-board .hb-path-step.is-active .hb-path-icon {background:#8d7bff;color:#10162a;border-color:#ded5ff;box-shadow:0 0 0 5px #8270ff22,0 0 24px #8172ff;}
.home-board .hb-path-words {display:grid;gap:2px;min-width:0;}
.home-board .hb-path-words strong {font-size:13px;font-weight:500;white-space:nowrap;}
.home-board .hb-path-words small {font-size:10px;color:#9cacc3;white-space:nowrap;}
.home-board .hb-previews {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.home-board .hb-previews:has(> :only-child) {grid-template-columns:1fr;}
.home-board .hb-preview {height:196px;border:1px solid #51718c;border-radius:12px;overflow:hidden;position:relative;isolation:isolate;background:#283e54;}
.home-board .hb-preview:after {content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#102337c9 0%,#1420327a 47%,transparent 100%),linear-gradient(0deg,#0b192ac9,transparent 62%);}
.home-board .hb-preview img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);}
.home-board .hb-preview:nth-child(2) img {object-position:center 58%;}
.home-board .hb-preview-content {position:relative;z-index:1;padding:13px 23px;height:100%;display:flex;flex-direction:column;align-items:start;color:#fff;}
.home-board .hb-preview-type {border-radius:20px;border:1px solid #a3c3d588;background:#163a4d9c;padding:4px 9px;font-size:10px;letter-spacing:.02em;}
.home-board .hb-preview:nth-child(2) .hb-preview-type {background:#57351fa8;border-color:#d6a36b9c;}
.home-board .hb-preview h3 {font:400 26px/1 Georgia,serif;max-width:250px;margin:auto 0 5px;}
.home-board .hb-preview p {font:400 15px/1.2 Georgia,serif;}
.home-board .hb-preview-button {position:absolute;right:15px;bottom:12px;border:1px solid #a8a0cd;border-radius:22px;background:#18253abf;color:white;font-size:11px;padding:6px 12px;white-space:nowrap;}
.home-board .hb-demo-foot {padding:14px 4px;color:#aab7ca;font-size:11px;}
.home-board .hb-workspace {margin-top:18px;border-top:1px solid #394861;padding-top:11px;}
.home-board .hb-workspace>summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border:1px solid #4c5b74;border-radius:10px;background:#122135;color:#eeeaf8;font-size:14px;}
.home-board .hb-workspace>summary::-webkit-details-marker {display:none;}
.home-board .hb-workspace>summary:after {content:"⌄";color:#bba9ff;font-size:20px;line-height:1;}
.home-board .hb-workspace[open]>summary:after {transform:rotate(180deg);}
.home-board .hb-workspace .hb-board-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:12px;}
.home-board .hb-workspace .hb-panel {padding:16px;background:#101e31;border:1px solid #34475f;border-radius:10px;}
.home-board .hb-workspace .hb-panel h2 {font:400 21px/1.2 Georgia,serif;}
.home-board .hb-workspace .hb-kicker {font-size:10px;letter-spacing:.13em;color:#c6b7ff;}
.home-board .hb-workspace .hb-panel-head {margin-bottom:9px;}
.home-board .hb-workspace .hb-feature,.home-board .hb-workspace .hb-tasks-card,.home-board .hb-workspace .hb-projects,.home-board .hb-workspace .hb-attention,.home-board .hb-workspace .hb-services {grid-column:1/-1;}
.home-board .hb-workspace .hb-services {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.home-board .hb-workspace .hb-mission {display:flex;gap:12px;align-items:center;}
.home-board .hb-workspace .hb-mission-emblem {width:44px;height:44px;flex:none;border:1px solid #ab9aff;border-radius:50%;background:radial-gradient(circle,#a593ff 0,#292660 40%,#0e1930 70%);}
.home-board .hb-workspace .hb-stats {margin:14px 0;}
.home-board .hb-workspace .hb-card-link {background:transparent;color:#c8baff;border:0;border-top:1px solid #40536b;width:100%;text-align:left;padding:10px 0 0;margin-top:10px;}
.home-board .hb-workspace .hb-activity {display:flex;gap:10px;padding:7px 0;border-top:1px solid #33475f;}
.home-board .hb-workspace .hb-state-dot {width:7px;height:7px;flex:none;margin-top:7px;border-radius:50%;background:#9a86ff;}
.home-board .hb-workspace .hb-unavailable-state {font-size:10px;color:#c8b7fc;letter-spacing:.1em;}
.home-board .hb-workspace .hb-source {font-size:11px;color:#9cabc0;margin:12px 0!important;}
.home-board .hb-workspace :is(.hb-task-copy,.hb-project>div,.hb-project-detail,.hb-event>div) {min-width:0;overflow-wrap:anywhere;}
.home-board .hb-workspace :is(.hb-add,.hb-edit,.hb-project-form) :is(input,select) {font-size:16px;min-height:40px;}
.home-board .hb-workspace :is(button,input,select):disabled {opacity:.65;cursor:wait;}
.home-board .hb-status[data-kind=error] {color:#ffd8dd;}
.home-board :is(button,input,select,a,summary):focus-visible {outline:2px solid #c2aeff;outline-offset:3px;}
@container (max-width:960px) {
  .home-board .hb-top {grid-template-columns:1fr;}
  .home-board .hb-glance {padding:18px;gap:10px;}
}
@container (max-width:700px) {
  .home-board .hb-showcase-copy {width:55%;}
  .home-board .hb-showcase-gallery {display:none;}
  .home-board .hb-visual-credit {right:12px;}
  .home-board .hb-path-words small {display:none;}
  .home-board .hb-path-step {flex-direction:column;gap:4px;text-align:center;}
  .home-board .hb-path-step:not(:last-child):after {top:35%;}
}
@container (max-width:520px) {
  .home-board .hb-main {padding:17px 12px 28px;}
  .home-board .hb-hero {min-height:110px;padding:0 2px 12px;display:block;}
  .home-board .hb-hero h1 {font-size:38px;}
  .home-board .hb-lede {font-size:15px;}
  .home-board .hb-demo-label,.home-board .hb-hero>.hb-quiet {display:inline-block;margin-top:8px;}
  .home-board .hb-showcase {height:410px;}
  .home-board .hb-glance h2 {font-size:26px;}
  .home-board .hb-glance-facts strong {font-size:20px;}
  .home-board .hb-showcase-photo {background-position:57% center;}
  .home-board .hb-showcase:before {background:linear-gradient(90deg,#181313db,transparent 80%),linear-gradient(0deg,#151217cc,transparent 60%);}
  .home-board .hb-showcase-copy {left:17px;top:18px;width:75%;}
  .home-board .hb-showcase-copy h2 {font-size:39px;}
  .home-board .hb-showcase-sub {font-size:16px;}
  .home-board .hb-showcase-description {font-size:14px;margin-top:14px;}
  .home-board .hb-showcase-cta {margin-top:17px;font-size:12px;}
  .home-board .hb-visual-credit {font-size:9px;bottom:8px;}
  .home-board .hb-path {min-height:80px;gap:0;}
  .home-board .hb-path-icon {width:37px;height:37px;font-size:19px;}
  .home-board .hb-path-words strong {font-size:10px;}
  .home-board .hb-path-step:not(:last-child):after {width:9px;right:-5px;}
  .home-board .hb-previews {grid-template-columns:1fr;gap:10px;}
  .home-board .hb-preview {height:170px;}
  .home-board .hb-preview-content {padding:11px 14px;}
  .home-board .hb-preview h3 {font-size:23px;max-width:230px;}
  .home-board .hb-preview p {margin-bottom:28px;}
  .home-board .hb-workspace .hb-board-grid,.home-board .hb-workspace .hb-services {grid-template-columns:1fr;}
  .home-board .hb-workspace .hb-panel {grid-column:1/-1;}
}
@media(prefers-reduced-motion:reduce) {.home-board * {transition:none!important;animation:none!important;}}

/* Real workspace overview: the photograph is a quiet accent to live work. */
.home-board .hb-daily-intro {position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,23%);min-width:0;overflow:hidden;border:1px solid #4b5870;border-radius:15px;background:linear-gradient(115deg,#17243a,#101d30);}
.home-board .hb-daily-intro-copy {position:relative;z-index:1;min-width:0;padding:19px 22px;}
.home-board .hb-daily-intro h2 {font:400 clamp(24px,3.4cqw,33px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:5px 0;}
.home-board .hb-daily-intro-copy>p:last-of-type {color:#c9d2e0;font-size:12px;line-height:1.4;}
.home-board .hb-daily-photo {min-width:0;background:linear-gradient(90deg,#17243a 0%,transparent 38%),url('/atelier/assets/sillage-hero-v1.png') center/cover no-repeat;}
.home-board .hb-daily-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.home-board .hb-daily-actions button {min-height:36px;padding:7px 12px;font-size:12px;}
.home-board .hb-daily-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:11px;}
.home-board .hb-daily-card {display:flex;flex-direction:column;min-width:0;padding:16px 17px;border-color:#3a4e69;background:#101e31;}
.home-board .hb-daily-card .hb-panel-head {margin-bottom:10px;}
.home-board .hb-daily-card h2 {font:400 22px/1.15 Georgia,serif;}
.home-board .hb-daily-card .hb-card-link {margin-top:auto;padding-top:11px;}
.home-board .hb-daily-task-list {list-style:none;padding:0;min-width:0;}
.home-board .hb-daily-task {display:flex;align-items:flex-start;gap:10px;min-width:0;padding:9px 0;}
.home-board .hb-daily-task input {flex:none;width:19px;height:19px;margin:2px 0 0;accent-color:#a995ff;}
.home-board .hb-daily-task>div {min-width:0;overflow-wrap:anywhere;}
.home-board .hb-daily-task strong,.home-board .hb-daily-project-row strong {display:block;font-size:14px;line-height:1.35;}
.home-board .hb-daily-task small,.home-board .hb-daily-project-row small {display:block;margin-top:3px;color:#b9c7d8;font-size:11px;line-height:1.35;}
.home-board .hb-daily-note {color:#c1b5ec;font-size:11px;margin:3px 0 8px!important;}
.home-board .hb-daily-event {display:flex;gap:10px;min-width:0;align-items:baseline;padding:8px 0;border-top:1px solid #31435c;}
.home-board .hb-daily-event time {flex:none;color:#c3b4ff;font-size:12px;}
.home-board .hb-daily-event strong {min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:500;}
.home-board .hb-daily-project {grid-column:1/-1;}
.home-board .hb-daily-project-row {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 0;border-top:1px solid #31435c;}
.home-board .hb-daily-project-row>div {min-width:0;overflow-wrap:anywhere;}
.home-board .hb-daily-project-row small {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.home-board .hb-daily-project-row button {flex:none;}
.home-board .hb-workspace {margin-top:11px;padding-top:0;border-top:0;}
@container (max-width:560px) {
  .home-board .hb-daily-intro {grid-template-columns:minmax(0,1fr);}
  .home-board .hb-daily-intro-copy {padding:16px;}
  .home-board .hb-daily-photo {height:54px;background-position:center 60%;}
  .home-board .hb-daily-grid {grid-template-columns:minmax(0,1fr);}
  .home-board .hb-daily-project {grid-column:1;}
  .home-board .hb-daily-card {padding:14px;}
}