/* In-place reading plates: actual portfolio screen crops and lab source documents. */
.p10-webnav,.p10-labnav{border-block:1px solid #aaa999;padding:11px 0 14px;margin:22px 0 0;display:grid;grid-template-columns:minmax(100px,.2fr) minmax(0,1fr);gap:12px;align-items:baseline;color:#26382d}
.p10-webnav>span,.p10-labnav>span{font:650 12px/1.5 var(--sans,sans-serif);letter-spacing:.015em}
.p10-webnav>div,.p10-labnav>div{display:flex;flex-wrap:wrap;gap:3px 18px}
.p10-webnav a,.p10-labnav a{display:inline-flex;align-items:baseline;gap:6px;padding:4px 0;text-decoration:none;color:inherit;border-bottom:1px solid #a0ad97;line-height:1.5;font-weight:600;font-size:13px;white-space:nowrap}
.p10-webnav a:hover,.p10-labnav a:hover{border-bottom-color:#2447e8;color:#2447e8}
.p10-webnav a:focus-visible,.p10-labnav a:focus-visible{outline:2px solid #2447e8;outline-offset:3px}
.p10-webnav small{font:600 10px/1 var(--mono,monospace);color:#677660}
#work-cases .wa-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,65px) clamp(20px,3.8vw,65px);align-items:start}
#work-cases .wa-sheet>li{grid-column:auto;width:100%;margin:0;scroll-margin-top:100px}
#work-cases .wa-sheet>li>figure{display:block;padding:0;border:0}
#work-cases .wa-sheet>li>figure>button{display:block;background:#d5d6c9;padding:clamp(4px,.6vw,9px)}
#work-cases .wa-sheet>li>figure>button img{width:100%;height:auto;aspect-ratio:1.84;object-fit:contain;background:#ebeade}
#work-cases .wa-sheet>li figcaption{margin-top:12px}
#work-cases .wa-sheet .wa-print figcaption>p:not(.wa-shot-meta){max-width:48em}
#work-cases .wa-print h5{margin:6px 0 8px;font-size:clamp(23px,2.4vw,39px)}
.p10-cut{margin:12px 0;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(10px,1.3vw,22px);padding:10px 0;border-block:1px solid #bfc1ae}
.p10-cut-image{background:#e8e6db;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#ced1c31f 19px 20px);border:1px solid #c6c7b7;display:grid;align-items:center;justify-items:center;padding:3px;min-height:61px;overflow:hidden}
.p10-cut svg{width:100%;height:auto;max-height:84px;display:block;overflow:hidden}
.p10-cut-note{min-width:0;word-break:keep-all}
.p10-cut-note>span,.p10-cut-note>strong{display:block}
.p10-cut-note>span{color:#627058;font:600 10px/1.4 var(--sans,sans-serif);letter-spacing:.08em}
.p10-cut-note>strong{font:660 clamp(13px,1.05vw,16px)/1.45 var(--sans,sans-serif);margin-top:2px}
.p10-cut-note>p{font:450 clamp(11px,.93vw,14px)/1.55 var(--sans,sans-serif);margin:3px 0 0}
#work-cases .wa-duo{grid-template-columns:minmax(0,2.7fr) minmax(83px,1fr);align-items:center}
.p10-device{min-width:0}.p10-device>button{width:100%;display:block}
.p10-device>p{color:#23313a;line-height:1.3;margin:8px 0 0}
.p10-device>p b,.p10-device>p span{display:block}
.p10-device>p b{font:650 12px/1.4 var(--sans,sans-serif)}
.p10-device>p span{font-size:11px;line-height:1.5;margin-top:2px}
.p10-labnav{margin-top:clamp(24px,3vw,46px);margin-bottom:clamp(20px,2.8vw,42px)}
.p10-labnav>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.p10-labnav a{display:block;font-size:11px;color:#4c6051;padding:5px 0}
.p10-labnav a>b{display:block;font-family:var(--sans,sans-serif);color:#233c30;font-size:clamp(12px,1.13vw,17px);font-weight:650;letter-spacing:-.01em}
#lab .lab-copy h3[id],#work-cases .wa-feature-copy h4[id]{scroll-margin-top:98px}
#lab .p10-board{font-family:var(--sans,system-ui,sans-serif);font-weight:540}
.p10-board .p10-board-mono{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.09em}
.p10-board .p10-board-kicker{font-size:11px;letter-spacing:.035em}
.p10-board .p10-board-label{font-size:17px;fill:#f9f7e8;font-weight:680;letter-spacing:-.025em}
.p10-board .p10-board-body{font-size:13px;fill:#e2e7d8;letter-spacing:-.025em}
.p10-board .p10-board-foot{font-size:11px;fill:#d2dec6;letter-spacing:.005em}
@media(max-width:850px){.p10-webnav,.p10-labnav{grid-template-columns:1fr;gap:7px}.p10-cut{grid-template-columns:1fr;gap:7px}.p10-cut-image{min-height:51px}.p10-cut svg{max-height:69px}.p10-labnav>div{gap:5px 12px}}
@media(max-width:620px){#work-cases .wa-sheet{grid-template-columns:minmax(0,1fr);gap:35px}.p10-cut{grid-template-columns:1fr 1.2fr}.p10-labnav>div{grid-template-columns:repeat(2,minmax(0,1fr))}.p10-webnav>div{gap:2px 12px}.p10-webnav a{min-height:28px;font-size:12px}.p10-labnav a{padding:7px 0}.p10-device>p span{font-size:10px}#work-cases .wa-duo{grid-template-columns:minmax(0,1.85fr) minmax(72px,1fr)}#work-cases .wa-mat-mingo{padding:14px 10px}}
@media print{.p10-webnav,.p10-labnav{display:none}#work-cases .wa-sheet{display:block}.p10-cut{break-inside:avoid}.p10-board{print-color-adjust:exact}}