/* The work realm is a folio: a featured system, then a concise project index.
   Its narrow desktop footprint leaves the next portal's approach unobstructed. */
.reader-only{display:none}
body[data-design="ink"] .ink-work-sheet{width:min(760px,52.5vw);max-width:none;padding:27px 29px 0;background:#fff5e6;border:1px solid #d1b3a0;box-shadow:6px 7px 0 #30142c24;color:#361d2d}
body[data-design="ink"] .ink-work-sheet:before{display:none}
body:not(.reduced)[data-design="ink"] .work{justify-content:flex-end;align-items:center;padding:110px 4vw 28px}
.ink-sheet-heading{align-items:flex-end;padding-bottom:20px;gap:18px;border-bottom:1px solid #bb917d}
.ink-sheet-heading .ink-section-label{font:10px/1.3 Arial,sans-serif;letter-spacing:.14em;margin:0 0 10px;color:#775548}
.ink-sheet-heading h2{font:400 42px/1 Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.ink-sheet-heading h2>span{color:#b76c39}
.ink-sheet-heading .ink-training-note{font:11px/1.6 Arial,sans-serif;color:#755747;margin:0;text-align:right;flex:none}
.ink-work-grid{display:block;padding:0}
.ink-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr);gap:20px;border:0;padding:23px 0 22px}
.ink-note-top{font:10px/1.4 Arial,sans-serif;letter-spacing:.03em;color:#755544}
.ink-feature h3{font:600 30px/1.1 Arial,sans-serif;letter-spacing:-.035em;margin:12px 0 9px}
.ink-feature-copy>p{font:16px/1.4 Arial,sans-serif;color:#574039;margin:0}
.ink-feature .ink-role{font:13px/1.5 Arial,sans-serif;margin:12px 0 0;color:#6e5145}
.ink-role>span{font:10px/1.4 Arial,sans-serif;color:#775949;letter-spacing:.025em;margin-bottom:3px}
.ink-feature-bottom{display:block;margin-top:12px}
.ink-feature-bottom>.ink-stack{display:block;font:10px/1.4 Arial,sans-serif;max-width:none;color:#775949}
.ink-case-link{font:600 12px/1.4 Arial,sans-serif;min-height:36px;margin-top:5px;border-color:#b58b72;color:#814e2e;gap:20px}
.ink-feature-visual{display:flex;align-items:center;min-width:0}
.ink-feature-visual .project-flow{margin:0;width:100%;padding:17px 0 8px;border-top:3px solid #c97d40}
.ink-feature-visual .project-flow svg{display:none}
.ink-feature-visual .flow-mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0}
.ink-feature-visual .flow-mobile>span{font:12px/1.4 Arial,sans-serif;padding:13px 4px;border:1px solid #d9b7a0;background:#f3e2ce;color:#684a3a;text-align:center}
.ink-feature-visual .flow-mobile>span:first-child{grid-column:span 2;border:0;background:#633b44;color:#ffebc7;padding:16px 8px}
.ink-feature-visual .flow-mobile>span:nth-child(2){grid-column:span 2;background:#edcb9f;border-color:#c69562}
.ink-feature-visual .project-flow figcaption{font:9px/1.4 Arial,sans-serif;color:#81634f;border:0;margin-top:9px;padding:0;display:block}
.ink-feature-visual .project-flow figcaption>span{display:block;font-size:9px;color:#775949}
.ink-index{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;border-top:1px solid #d1b3a0;gap:23px}
.ink-index-entry,.ink-index-entry+.ink-index-entry{display:block;border:0;padding:18px 0 16px}
.ink-index-number{display:none}
.ink-index-entry .ink-project-kind{font:10px/1.4 Arial,sans-serif;color:#775949;margin:0 0 6px}
.ink-index-entry h3{font:600 20px/1.1 Arial,sans-serif;letter-spacing:-.02em;margin:0}
.ink-index-entry h3 button{display:flex;justify-content:space-between;align-items:baseline;width:100%;border:0;padding:0;min-height:32px;gap:10px}
.ink-index-entry h3 button>span{font:15px/1 Arial,sans-serif;color:#b77743}
.ink-index-entry p{font:12px/1.45 Arial,sans-serif;color:#705445;margin:6px 0}
.ink-index-entry .ink-stack{display:block;font:10px/1.4 Arial,sans-serif;color:#775949;margin-top:9px}
.ink-sheet-footer{padding:2px 0 4px;gap:20px;border-color:#d1b3a0}
.ink-sheet-footer>span{font:10px/1.4 Arial,sans-serif;color:#775949;max-width:170px}
.ink-sheet-footer .text-button{font:600 12px/1.4 Arial,sans-serif;white-space:nowrap;min-height:43px;display:flex;align-items:center;gap:12px;padding:8px 0;color:#814e2e}
@media(min-width:761px) and (max-width:1000px){body[data-design="ink"] .ink-work-sheet{width:56vw;padding:20px 22px 0}.ink-sheet-heading h2{font-size:34px}.ink-sheet-heading .ink-training-note{font-size:9px}.ink-feature{gap:15px;grid-template-columns:minmax(0,1.3fr) minmax(110px,.7fr)}.ink-feature h3{font-size:26px}.ink-feature-copy>p{font-size:14px}.ink-index{gap:17px}.ink-index-entry h3{font-size:18px}}
@media(min-width:761px) and (max-height:720px){.ink-sheet-heading{padding-bottom:14px}.ink-sheet-heading h2{font-size:35px}.ink-feature{padding-top:17px;padding-bottom:16px}.ink-feature h3{font-size:26px;margin-top:8px}.ink-feature .ink-role{margin-top:8px}.ink-feature-bottom{margin-top:9px}.ink-index-entry,.ink-index-entry+.ink-index-entry{padding-top:13px;padding-bottom:12px}}
@media(max-width:760px){
 body[data-design="ink"] .ink-work-sheet{width:100%;padding:21px 21px 0;box-shadow:4px 5px 0 #30142c24}
 body:not(.reduced)[data-design="ink"] .work{padding:94px 18px 25px;align-items:center}
 .ink-sheet-heading{padding-bottom:15px;gap:12px}.ink-sheet-heading .ink-section-label{font-size:9px;margin-bottom:8px}.ink-sheet-heading h2{font-size:32px}.ink-sheet-heading .ink-training-note{font-size:9px;line-height:1.5}
 .ink-feature{display:block;padding:17px 0 16px}.ink-feature-visual{display:none}.ink-feature h3{font-size:28px;margin:7px 0 7px}.ink-feature-copy>p{font-size:15px;line-height:1.35}.ink-feature-copy>p br{display:none}.ink-feature .ink-role{font-size:13px;line-height:1.4;margin-top:9px}.ink-role>span{display:none}.ink-feature-bottom{display:flex;align-items:center;margin-top:8px;gap:15px}.ink-feature-bottom>.ink-stack{font-size:10px;max-width:130px}.ink-case-link{font-size:12px;min-height:40px;margin:0;gap:11px}
 .ink-index{gap:18px}.ink-index-entry,.ink-index-entry+.ink-index-entry{padding:14px 0 13px}.ink-index-entry .ink-project-kind{font-size:9px;line-height:1.35;min-height:25px;margin-bottom:3px}.ink-index-entry h3{font-size:18px;line-height:1.12}.ink-index-entry h3 button{display:block;min-height:37px}.ink-index-entry h3 button>span{display:none}.ink-index-entry p{font-size:12px;line-height:1.4;margin-top:5px}.ink-index-entry .ink-stack{display:none}.ink-sheet-footer>span{font-size:9px;max-width:160px}.ink-sheet-footer .text-button{font-size:11px;gap:7px}
}
@media(max-width:380px){body[data-design="ink"] .ink-work-sheet{padding:18px 17px 0}.ink-sheet-heading h2{font-size:29px}.ink-sheet-heading .ink-training-note{font-size:8px;max-width:70px}.ink-index{gap:13px}.ink-index-entry h3{font-size:17px}.ink-feature h3{font-size:26px}.ink-feature-copy>p{font-size:14px}.ink-feature-bottom{gap:10px}.ink-case-link{font-size:11px}.ink-sheet-footer>span{max-width:125px}.ink-sheet-footer .text-button{font-size:10px}}

.ink-note-top>span:first-child{display:inline}
.folio-arrow{display:inline-block;width:12px;height:12px;flex:none;vertical-align:middle;color:currentColor}
.ink-index-entry h3 .folio-arrow{width:13px;height:13px;color:#a8673b}
@media(max-width:760px){.ink-index-entry h3 .folio-arrow{display:none}}
body.reduced[data-design="ink"] .ink-index-entry h3 .folio-arrow{display:inline-block;width:16px;height:16px}
