/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4
 * editorial case studies / retained Swiss red / warm white paper
 * User-requested phone frames and numbered annotations take precedence over skill chrome rule.
 */
html,body{overflow-x:clip}body{background:var(--color-paper)}
.deck{max-width:1240px;gap:32px;margin-top:24px;padding-inline:24px}.sheet{border:var(--rule-thin);border-radius:var(--radius-card);background:var(--color-sheet);gap:28px;padding:clamp(22px,3.4vw,48px)}
.topbar{background:var(--color-sheet);border-bottom:var(--rule-thin);backdrop-filter:none}.topbar nav a{font-size:13px}.topbar__mail{text-decoration-color:var(--color-accent)}
h1,h2,h3,h4,h5{font-style:normal;letter-spacing:-.025em;word-break:keep-all;text-wrap:pretty}p{word-break:keep-all;overflow-wrap:anywhere}
/* Identity, actual screens and concise evidence make the cover. */
.portfolio-cover{overflow:clip;padding-bottom:0}.cover-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.05em;color:var(--color-muted)}
.cover-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:480px;padding:20px 0 0}.cover-name{font-size:15px;font-weight:700;color:var(--color-accent);margin-bottom:20px}.cover-copy h1{font-size:var(--text-display);font-weight:500;line-height:1.4;letter-spacing:-.045em}.cover-description{font-size:15px;line-height:1.9;color:var(--color-muted);margin-top:24px}.cover-link{display:inline-flex;gap:32px;align-items:center;margin-top:28px;border-bottom:1px solid var(--color-ink);padding-bottom:8px;text-decoration:none;font-size:14px;font-weight:500}.cover-link span{font-size:22px}
.cover-screens{display:flex;align-items:center;justify-content:center;position:relative;gap:16px;min-width:0;padding:28px 4px 14px;background:var(--color-panel);border-radius:var(--radius-inner)}
.cover-screen{width:29%;min-width:0;animation:screen-enter var(--dur-enter) var(--ease-out) both}.cover-screen--back{margin-top:-42px;animation-delay:60ms}.cover-screen--front{margin-top:32px;animation-delay:140ms}.cover-screen--last{margin-top:-5px;animation-delay:220ms}.cover-screen>span{display:block;margin-top:14px;font-size:10px;text-align:center;color:var(--color-muted);line-height:1.7}.cover-screen .device{width:100%;max-width:none}.cover-screen .device-window::before{height:6px;top:4px}.cover-screen .device{border-radius:22px;padding:4px}.cover-screen .device-window{border-radius:18px}
@keyframes screen-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.cover-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 0 8px;border-top:var(--rule-thin)}.cover-proof div{display:grid;gap:7px}.cover-proof strong{font-size:clamp(20px,2.1vw,28px);font-weight:500;letter-spacing:-.035em;white-space:nowrap}.cover-proof span{font-size:12px;color:var(--color-muted)}
.cover-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--rule-thin);margin-inline:calc(-1 * var(--pad-sheet));padding:0 var(--pad-sheet)}.cover-index a{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:22px 8px;text-decoration:none;font-size:12px;white-space:nowrap;min-width:0}.cover-index span{font-size:11px;color:var(--color-accent)}.cover-index b{font-weight:500}.cover-index i{font-style:normal;color:var(--color-muted)}
.sheet--about .micro--foot{display:none}.about{padding-top:4px}.about h2{font-size:28px}.about__lead{font-size:15px}.about__right{column-gap:24px}
/* Each project has the same entry point: title, WHY, evidence and personal role. */
.project{gap:28px;margin-top:12px;padding-bottom:24px}.project-head{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:0 0 2px}.project-identity{display:flex;align-items:center;gap:18px}.project-number{font-size:24px;font-weight:500;color:var(--color-accent);border-right:var(--rule-thin);padding-right:18px;line-height:1.3}.project-identity p{font-size:14px;font-weight:700}.project-identity div>span{display:block;font-size:12px;color:var(--color-muted);margin-top:2px}.project-head h2{font-size:var(--text-title);font-weight:500;line-height:1.4;letter-spacing:-.035em}.project-head h2 br{display:none}
.why-story{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;padding:30px;background:var(--color-accent-soft);border-radius:var(--radius-inner);border-left:3px solid var(--color-accent)}.why-label>span{font-size:30px;font-weight:500;letter-spacing:-.04em;color:var(--color-accent);line-height:1}.why-label p{font-size:13px;line-height:1.8;margin-top:14px;color:var(--color-muted)}.why-body h3{font-size:clamp(21px,2vw,26px);font-weight:500;line-height:1.5;margin-bottom:18px;max-width:30em}.why-body>p{font-size:15px;line-height:1.95;margin-top:14px;max-width:66ch}.why-goal{display:flex;gap:14px;border-top:1px solid var(--color-rule);padding-top:16px;margin-top:22px;font-size:14px;line-height:1.8}.why-goal b{color:var(--color-accent);white-space:nowrap;font-weight:500}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:var(--rule-thin);border-bottom:var(--rule-thin);padding:22px 0}.project-facts>div{padding:0 24px;border-left:var(--rule-thin)}.project-facts>div:first-child{padding-left:0;border-left:0}.project-facts dd{font-size:clamp(20px,2.2vw,29px);font-weight:500;letter-spacing:-.04em;line-height:1.3;white-space:nowrap}.project-facts dt{font-size:12px;color:var(--color-muted);margin-top:8px}
.case-role{padding:0;border:0;gap:24px;margin-top:-6px}.case-role dt{font-size:10px;letter-spacing:.07em;color:var(--color-muted)}.case-role dd{font-size:12px;line-height:1.9}
/* Screen boards: a red marker is always paired with a note carrying the same number. */
.design-board{padding:28px;background:var(--color-panel);border-radius:var(--radius-inner)}.design-board>header{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--color-accent);font-weight:700}.design-board h3{font-size:24px;font-weight:500;line-height:1.5;margin-top:8px}.design-board>header p{font-size:13px;color:var(--color-muted);line-height:1.8;margin-top:8px}
.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.screen-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.screen-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-example{min-width:0}.screen-label{font-size:11px;font-weight:500;text-align:center;color:var(--color-muted);margin-bottom:16px}.screen-example figcaption{margin-top:22px;display:grid;gap:15px}
.device{width:100%;max-width:200px;margin:auto;padding:5px;background:var(--color-ink);border-radius:29px;box-shadow:0 8px 16px color-mix(in oklch,var(--color-ink) 7%,transparent)}.device-window{position:relative;aspect-ratio:9/19.5;overflow:hidden;border-radius:24px;background:var(--color-white)}.device-window::before{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:30%;height:9px;border-radius:9px;background:var(--color-ink);z-index:1}.device-window img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.device--scroll img{width:100%;height:auto;max-width:none;transform:translateY(var(--capture-offset));position:absolute;top:0;left:0}.device--bottom img{width:100%;height:auto;position:absolute;bottom:0;left:0}
.screen-marker{position:absolute;z-index:2;top:var(--marker-y);left:var(--marker-x);display:grid;place-items:center;width:20px;height:20px;background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--color-white);border-radius:2px;pointer-events:none}
.screen-note{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start}.note-number{display:grid;place-items:center;background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:700;width:20px;height:20px;line-height:1;border-radius:2px;margin-top:2px}.screen-note h5{font-size:13px;font-weight:700;line-height:1.7;margin:0}.screen-note p{font-size:12px;line-height:1.85;color:var(--color-muted);margin-top:4px}
/* Three quiet section treatments replace a single uninterrupted stack of rules. */
.case-content{gap:20px;margin-top:4px}.case-block{padding:28px;border:var(--rule-thin);border-radius:var(--radius-inner);grid-template-columns:136px minmax(0,1fr);gap:28px}.case-block--evidence{background:var(--color-evidence)}.case-block--decision{background:var(--color-white)}.case-label{gap:12px}.case-label .phase-tag{font-size:10px;letter-spacing:.12em;line-height:1.4;color:var(--color-accent);font-weight:700}.case-label h3{font-size:14px;font-weight:700;line-height:1.7}.case-main h4{font-size:24px;font-weight:500;line-height:1.55;max-width:30em}.case-main p{font-size:15px;line-height:1.95}.case-grid{gap:16px}.case-cell{padding:20px;background:var(--color-panel);border-radius:4px}.case-table{font-size:14px;margin-top:16px}.case-table th{font-size:12px;color:var(--color-muted);border-top:0;background:var(--color-sheet);padding:12px}.case-table td{padding:15px 12px}.case-table td:last-child,.case-table th:last-child{padding-right:12px}.case-table .case-num{white-space:nowrap}.case-block--evidence .table-wrap{border:var(--rule-thin);border-radius:4px;overflow:clip}.case-block--evidence .case-table{margin-top:0}.case-block--evidence .case-table tr:last-child td{border-bottom:0}.case-main .case-visual{border-radius:6px}.case-main blockquote{background:var(--color-panel)}
.project-end{display:flex;justify-content:space-between;gap:16px;border-top:var(--rule-thin);padding-top:18px;font-size:11px;color:var(--color-muted)}.project-end a{white-space:nowrap}.automation-board .autos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.automation-board .panel--lead{grid-row:auto}.automation-board .panel--auto{padding:20px;background:var(--color-white);border:var(--rule-thin);border-radius:6px;gap:14px}.automation-board .panel--k{font-size:16px}.automation-board .auto__num b{font-size:24px}.automation-board .meta>div{grid-template-columns:1fr;gap:6px}.automation-board .pts li{font-size:13px}.automation-board .meta dd{font-size:13px}.automation-board .flow{margin-top:4px}.automation-board .flow li{font-size:12px}.automation-board .path{font-size:12px;line-height:1.8}
.screen-grid--2>.panel{background:var(--color-white);border:var(--rule-thin);border-radius:6px}.screen-grid--2 .ba__k{font-size:19px}.screen-grid--2 .mini{font-size:14px}.screen-grid--2 .laptop{margin:20px auto}.screen-grid--2 .notes{font-size:13px}
.contact{border-top:var(--rule-thin);border-radius:var(--radius-card);margin-bottom:32px}.contact p{font-size:26px}.contact small{font-size:11px}
@media screen and (max-width:1000px){.cover-main{gap:28px;min-height:400px}.cover-index{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-index a{padding:16px 4px}.cover-copy h1{font-size:36px}.cover-screens{gap:12px}.cover-screen>span{font-size:9px}.screen-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.screen-grid--4 .device{max-width:200px}.automation-board .autos{grid-template-columns:1fr}.automation-board .panel--auto{display:grid;grid-template-columns:1fr 1fr}.automation-board .panel__k,.automation-board .auto__num{grid-column:1/-1}.why-story{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px}.case-block{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:24px}}
@media screen and (max-width:768px){.deck{padding-inline:16px;gap:24px;margin-top:16px}.sheet{padding:24px;gap:24px}.portfolio-cover{padding-bottom:0}.cover-main{grid-template-columns:1fr;gap:24px;padding-top:0}.cover-copy h1{font-size:clamp(30px,5vw,40px);line-height:1.4}.cover-name{margin-bottom:12px}.cover-description{margin-top:16px;font-size:14px}.cover-screens{max-width:480px;width:100%;margin:0 auto;padding:20px 12px 12px}.cover-screen{max-width:132px}.cover-screen--back{margin-top:-14px}.cover-screen--front{margin-top:24px}.cover-screen--last{margin-top:0}.cover-screen>span{font-size:10px}.cover-meta{font-size:9px}.cover-index{margin-inline:-24px;padding-inline:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.cover-index a{font-size:11px;padding:16px 0;gap:6px}.cover-proof{gap:16px;padding-top:20px}.cover-proof strong{font-size:20px}.cover-proof span{font-size:11px}.project-head h2{font-size:30px}.why-story{grid-template-columns:1fr;gap:16px;padding:22px}.why-label{display:flex;gap:16px;align-items:center}.why-label>span{font-size:24px}.why-label p{margin:0;font-size:11px}.why-label br{display:none}.why-body h3{font-size:22px;margin-bottom:12px}.why-body>p{font-size:14px;line-height:1.95}.why-goal{font-size:13px;margin-top:18px}.project-facts{gap:14px;padding:18px 0}.project-facts>div{padding:0 12px}.project-facts dd{font-size:20px}.project-facts dt{font-size:11px}.case-role{grid-template-columns:1fr;gap:10px}.case-role>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.case-role dt{margin:2px 0 0}.case-role dd{font-size:12px}.design-board{padding:20px}.design-board h3{font-size:21px}.design-board>header p{font-size:12px}.screen-grid{gap:16px}.screen-label{font-size:9px}.screen-note{grid-template-columns:17px minmax(0,1fr);gap:7px}.note-number{width:17px;height:17px;font-size:10px}.screen-note h5{font-size:12px}.screen-note p{font-size:11px}.screen-marker{width:17px;height:17px;font-size:10px}.device{border-radius:23px;padding:4px}.device-window{border-radius:19px}.device-window::before{height:7px;top:4px}.case-block{grid-template-columns:1fr;gap:18px;padding:22px}.case-label{display:flex;gap:12px;align-items:center}.case-label h3{font-size:13px}.case-main h4{font-size:21px}.case-main p{font-size:14px}.case-table{font-size:12px}.case-table th,.case-table td{padding:12px 8px}.contact{margin-inline:16px}.contact p{font-size:24px}}
@media screen and (max-width:540px){.sheet{padding:20px;gap:22px}.portfolio-cover{padding-bottom:0}.cover-meta{flex-direction:column;gap:5px}.cover-screens{gap:10px;padding:18px 10px 10px}.cover-screen .device{border-radius:18px;padding:3px}.cover-screen .device-window{border-radius:15px}.cover-screen>span{font-size:8px;margin-top:9px}.cover-copy h1{font-size:30px}.cover-description{font-size:13px}.cover-proof{grid-template-columns:1fr;gap:14px}.cover-proof div{grid-template-columns:1fr 1fr;align-items:center;gap:12px}.cover-proof strong{font-size:21px}.cover-proof span{font-size:11px}.cover-index{margin-inline:-20px;padding-inline:20px}.cover-index a{grid-template-columns:18px minmax(0,1fr) 10px;font-size:10px;gap:4px}.cover-link{font-size:13px;margin-top:20px}.project-head h2{font-size:27px}.project-head h2 br{display:block}.project-number{font-size:23px}.project-identity div>span{font-size:10px}.why-story{padding:18px}.why-body h3{font-size:21px;line-height:1.55}.why-body>p{font-size:14px;line-height:1.9}.why-goal{gap:10px;font-size:12px}.project-facts{grid-template-columns:1fr;gap:16px}.project-facts>div{border:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}.project-facts dd{font-size:22px}.project-facts dt{font-size:11px;margin:0}.design-board{padding:16px}.design-board>header{margin-bottom:22px}.design-board h3{font-size:20px}.screen-grid{grid-template-columns:1fr;gap:28px}.screen-grid--4{grid-template-columns:1fr}.screen-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:14px;align-items:start}.screen-label{grid-column:1/-1;text-align:left;font-size:11px;margin-bottom:0}.screen-example .device{max-width:180px}.screen-example figcaption{margin-top:8px;gap:18px}.screen-note{grid-template-columns:18px minmax(0,1fr);gap:7px}.note-number{width:18px;height:18px;font-size:10px}.screen-note h5{font-size:12px;line-height:1.8}.screen-note p{font-size:12px;line-height:1.8}.screen-marker{width:17px;height:17px}.case-block{padding:18px}.case-main h4{font-size:20px;line-height:1.6}.case-main p{font-size:14px}.case-grid{grid-template-columns:1fr}.case-table{font-size:11px;line-height:1.85}.case-table th{font-size:10px}.case-table th,.case-table td{padding:10px 7px}.case-table td:first-child{min-width:0}.case-table td:last-child,.case-table th:last-child{padding-right:7px}.case-table th:not(:first-child){white-space:normal}.automation-board .panel--auto{display:flex}.screen-grid--2{grid-template-columns:1fr}.screen-grid--2 .mini{font-size:12px}.about h2{font-size:24px}.about__lead{font-size:14px}.nw{white-space:normal}.desktop-break{display:none}.project-end{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cover-screen{animation:none}html{scroll-behavior:auto}}
@media print{.topbar,.cover-link{display:none}.deck{display:block;margin:0;padding:0;zoom:1}.sheet{break-inside:auto;border:0;border-radius:0;padding:20px;break-after:page}.portfolio-cover{padding:20px}.project-head,.why-story,.project-facts,.case-role,.design-board,.case-block{break-inside:avoid}.why-story{grid-template-columns:100px minmax(0,1fr)}.why-body>p{font-size:12px}.why-body h3{font-size:20px}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.device{max-width:145px}.case-block{margin-top:18px}.cover-main{min-height:0}.cover-copy h1{font-size:36px}.cover-index{margin:0;padding:0}.cover-index a{font-size:10px}.project-end{display:none}}
/* Reading refinements: natural line flow and a quieter heading scale. */
.project-head h2{font-size:clamp(25px,2.5vw,34px)}
.why-body h3,.case-main h4{font-size:21px;max-width:none}
.design-board h3{font-size:21px}
.case-main p,.why-body>p{max-width:none;text-wrap:pretty}
.case-main br{display:none}.project-head h2 br{display:none!important}
.case-main .nw{white-space:normal}
.automation-copy h5{font-size:11px;font-weight:600;color:var(--color-muted);margin:0 0 6px}
.automation-copy p{font-size:13px;line-height:1.9;margin:0;text-wrap:pretty}
.automation-flow{display:grid;gap:7px;border-top:var(--rule-thin);padding-top:16px;margin-top:auto}
.automation-flow span{font-size:11px;line-height:1.65;color:var(--color-muted)}
.automation-flow span+span::before{content:'↓';display:block;color:var(--color-accent);font-size:12px}
#p3 .device-window{aspect-ratio:9/16}
#p3 .device-window img{object-fit:fill;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;margin:-2px}
#p3 .device-window::before{display:none}
@media screen and (max-width:540px){.project-head h2{font-size:25px}.why-body h3,.case-main h4,.design-board h3{font-size:19px}}
/* Continuous print flow: only project starts force a new page. Small blocks stay together. */
@media print{
 @page{size:A4 landscape;margin:10mm}
 body{font-size:11px;line-height:1.65;background:white}
 .deck{display:block;zoom:1;max-width:none}
 .sheet{display:block;break-inside:auto!important;page-break-inside:auto!important;break-after:auto!important;page-break-after:auto!important;padding:0!important;margin:0;border:0;zoom:1!important}
 .sheet+ .sheet{break-before:page;page-break-before:always}
 .sheet>*{margin-bottom:14px}
 .project-head{break-after:avoid}.project-head h2{font-size:24px}
 .project-identity{gap:12px}.project-number{font-size:20px}.project-identity p{font-size:12px}.project-identity div>span{font-size:10px}
 .why-story{display:grid;grid-template-columns:65px 1fr;gap:16px;padding:16px;break-inside:avoid}
 .why-label>span{font-size:20px}.why-label p{display:none}
 .why-body h3{font-size:16px;margin-bottom:6px}.why-body>p{font-size:11px;line-height:1.65;margin-top:6px}
 .why-goal{margin-top:10px;padding-top:8px;font-size:11px}
 .project-facts{display:grid;padding:12px 0;margin-bottom:10px;break-inside:avoid}.project-facts dd{font-size:19px}.project-facts dt{font-size:10px;margin-top:4px}
 .case-role{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0}.case-role dd{font-size:10px}
 .design-board{padding:16px;break-inside:auto!important}.design-board>header{margin-bottom:14px;break-after:avoid}.design-board h3{font-size:17px}.design-board>header p{font-size:10px;margin-top:4px}
 .screen-grid{display:grid;break-inside:avoid;gap:22px}.device{max-width:105px;padding:3px;border-radius:18px}.device-window{border-radius:15px}.device-window::before{height:5px;top:3px}
 .screen-label{font-size:9px;margin-bottom:9px}.screen-example figcaption{margin-top:12px;gap:9px}.screen-note{grid-template-columns:14px 1fr;gap:6px}.screen-note h5{font-size:10px;line-height:1.5}.screen-note p{font-size:9px;line-height:1.6}.note-number,.screen-marker{width:14px;height:14px;font-size:8px}
 .case-content{display:block;margin-top:14px}.case-block{display:grid;grid-template-columns:88px 1fr;gap:18px;margin-top:12px;padding:16px;break-inside:avoid}.case-label h3{font-size:11px}.case-main h4{font-size:16px;margin-bottom:10px}.case-main p{font-size:11px;line-height:1.7;margin-top:8px}.case-grid{gap:12px}.case-cell{padding:12px}.case-table{font-size:10px}.case-table th{font-size:9px}.case-table th,.case-table td{padding:8px}
 .automation-board .autos{display:grid;grid-template-columns:repeat(3,1fr);break-inside:avoid}.automation-board .panel--auto{padding:14px;gap:12px;break-inside:avoid}.automation-board .auto__num b{font-size:20px}.automation-board .panel__k{font-size:14px}.automation-copy p{font-size:10px;line-height:1.75}.automation-copy h5{font-size:9px}.automation-flow{gap:4px;padding-top:8px}.automation-flow span{font-size:9px}
 .cover-main{min-height:0;gap:24px}.cover-copy h1{font-size:30px}.cover-description{font-size:11px}.cover-screens{max-width:400px}.cover-proof{padding-top:16px}.cover-proof strong{font-size:22px}.cover-proof span{font-size:10px}.cover-index a{font-size:9px}.sheet--about{padding-top:12px!important}
 .contact,.project-end,.topbar,.cover-link{display:none!important}
}
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4
 * v38: one background rule / real ownership / matched screen descriptions.
 */
.why-story{background:var(--color-panel);border-left:0}
.case-block,.case-block--decision,.case-block--evidence{background:var(--color-white)}
.case-block--review{background:var(--color-panel)}
.case-cell{background:var(--color-white);border:var(--rule-thin)}
.project-facts dd,.cover-proof strong{color:var(--color-accent)}
.project-facts>div:last-child dd{font-size:clamp(18px,1.8vw,24px);white-space:normal;line-height:1.5}
.cover-name{color:var(--color-ink)}.cover-emphasis{color:var(--color-accent)}
.screen-example figcaption{max-width:200px;width:100%;margin-inline:auto}
.cart-comparisons{display:grid;gap:36px}.cart-comparison+ .cart-comparison{border-top:var(--rule-thin);padding-top:32px}
.cart-comparison>h4{font-size:16px;font-weight:500;line-height:1.7;margin-bottom:24px}
.cart-comparison .screen-grid{max-width:650px;margin-inline:auto;gap:clamp(24px,6vw,96px)}
.cart-comparison .screen-example{display:block}.cart-comparison .screen-example figcaption{margin-top:22px}
.cart-comparison .screen-label{font-size:11px}
.result-group{margin-top:26px}.result-group+ .result-group{margin-top:32px;padding-top:0;border-top:0}
.result-group>h5{font-size:16px;font-weight:600;margin-bottom:14px}
.case-main .result-group .case-table{margin-top:0}
#p3 .device-window{aspect-ratio:9/19.5}
.device--fitple img,#p3 .device-window img{object-fit:fill;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;margin:-2px}
.device--fitple .device-window::before{display:none}
.cover-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.cover-copy h1{font-size:clamp(32px,3.1vw,44px);line-height:1.45}
.cover-reel{min-width:0;position:relative;background:var(--color-panel);border-radius:var(--radius-inner);overflow:hidden;align-self:center}
.reel-window{height:470px;position:relative;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent)}
.mosaic-plane{--tile-width:174px;display:flex;gap:18px;position:absolute;left:50%;top:-160px;width:max-content;transform:translateX(-50%) rotate(-12deg);transform-origin:50% 400px}
.mosaic-column{width:var(--tile-width);flex:none}
.mosaic-track{display:flex;flex-direction:column;animation:mosaic-up 46s linear infinite;will-change:transform}
.column-1 .mosaic-track{animation-delay:-8s}.column-2 .mosaic-track{animation-name:mosaic-down;animation-duration:52s;animation-delay:-16s}.column-3 .mosaic-track{animation-duration:43s;animation-delay:-5s}
.mosaic-group{display:flex;flex-direction:column;gap:18px;padding-bottom:18px}
.mosaic-screen{width:100%;height:350px;background:#fff;border:1px solid #d5d4d0;border-radius:11px;overflow:hidden;box-shadow:0 2px 3px #22222206;position:relative}
.mosaic-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.mosaic-screen.landscape{height:130px}.mosaic-screen.landscape img{object-fit:contain}.mosaic-screen.amount{height:260px}.mosaic-screen.amount img{object-fit:cover;object-position:bottom}
.reel-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:#fff;font-size:10px;color:var(--color-muted)}
.reel-pause{display:flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:10px;background:none;border:0;border-bottom:1px solid #ccc;color:var(--color-muted);margin:0;padding:6px 0;cursor:pointer;white-space:nowrap}
.reel-pause:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.cover-reel.is-paused .mosaic-track{animation-play-state:paused}
@keyframes mosaic-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes mosaic-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media screen and (max-width:768px){.cover-main{grid-template-columns:1fr}.cover-reel{width:100%;max-width:480px;margin-inline:auto}.cart-comparison .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screen-example figcaption{max-width:200px}}
@media screen and (max-width:540px){.cart-comparison .screen-grid{grid-template-columns:1fr;gap:28px}.cart-comparison .screen-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:14px}.cart-comparison .screen-example figcaption{margin-top:6px;max-width:none}.project-facts>div:last-child dd{font-size:19px}.cover-copy h1{font-size:30px}.reel-item,.reel-item .device{width:142px}.reel-item{flex-basis:142px}.cover-proof strong{white-space:normal;font-size:20px}}
@media(prefers-reduced-motion:reduce){.mosaic-track{animation:none;transform:translateY(0)}.reel-pause{display:none}}
@media print{.cover-reel{padding:18px 0;background:var(--color-panel)}.reel-track{animation:none;transform:none}.reel-group[aria-hidden],.reel-pause{display:none}.reel-group{gap:14px}.reel-item:nth-child(n+4){display:none}.reel-item,.reel-item .device{width:100px}.reel-item{flex-basis:100px}.cart-comparisons{gap:20px}.cart-comparison{break-inside:avoid}.cart-comparison .screen-grid{max-width:none;gap:20px}.cart-comparison+ .cart-comparison{padding-top:20px}.cart-comparison>h4{font-size:13px;margin-bottom:14px}.screen-example figcaption{max-width:145px}.result-group{margin-top:16px}.result-group+ .result-group{margin-top:20px;padding-top:16px}.result-group>h5{font-size:12px}}
@media screen and (max-width:540px){
 .screen-example,.cart-comparison .screen-example{grid-template-columns:minmax(0,1fr);display:grid;gap:14px}
 .screen-label{grid-column:1;text-align:center}
 .screen-example .device,.screen-grid--4 .device{width:180px;max-width:180px}
 .screen-example figcaption,.cart-comparison .screen-example figcaption{width:100%;max-width:200px;margin:4px auto 0}
 .screen-note h5,.screen-note p{font-size:13px;line-height:1.85}
}

@media screen and (max-width:540px){.reel-window{height:350px}.mosaic-plane{--tile-width:145px;gap:14px}.mosaic-group{gap:14px;padding-bottom:14px}.mosaic-screen{height:292px}.mosaic-screen.landscape{height:106px}.mosaic-screen.amount{height:215px}.reel-footer{font-size:9px;padding:12px}.reel-pause{font-size:10px}}
@media print{.cover-reel{padding:0}.reel-window{height:260px}.mosaic-plane{--tile-width:110px;top:-75px}.mosaic-screen{height:222px}.mosaic-screen.landscape{height:82px}.mosaic-screen.amount{height:170px}.mosaic-track{animation:none;transform:none}.mosaic-group[aria-hidden="true"],.reel-pause{display:none}.reel-footer{font-size:8px;padding:8px}}

/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 */
.benchmark-wrap{width:100%;margin-top:26px;overflow-x:auto}
.benchmark-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.benchmark-table caption{text-align:left;font-size:12px;color:var(--color-muted);margin-bottom:12px}
.benchmark-table .criterion-col{width:12%}.benchmark-table .fitple-col{width:18%}
.benchmark-table th,.benchmark-table td{padding:18px 10px;text-align:center;vertical-align:middle;border-bottom:var(--rule-thin)}
.benchmark-table thead th{font-size:13px;font-weight:700;border-top:var(--rule-thin);color:var(--color-ink)}
.benchmark-table tbody th{text-align:left;font-weight:600;color:var(--color-ink)}
.benchmark-table .fitple-column{background:var(--color-panel);font-weight:600}.benchmark-table thead .fitple-column{color:var(--color-accent)}
.benchmark-table .fitple-column span{display:block;font-size:10px;font-weight:400;color:var(--color-muted);margin-top:2px}
.benchmark-decision{margin-top:28px}.benchmark-decision h5{font-size:16px;margin-bottom:12px}.benchmark-decision p{margin-top:12px}
@media screen and (min-width:1500px){.benchmark-table{font-size:14px}.benchmark-table thead th{font-size:15px}.benchmark-table th,.benchmark-table td{padding:22px 12px}}
@media screen and (max-width:768px){.benchmark-table{min-width:760px}}
@media print{.benchmark-wrap{overflow:visible;margin-top:16px}.benchmark-table{min-width:0;font-size:9px;line-height:1.5}.benchmark-table th,.benchmark-table td{padding:10px 6px}.benchmark-table thead th{font-size:10px}.benchmark-table caption{font-size:9px}.benchmark-decision{margin-top:18px}}

/* Consistent breathing room within case-study sections. */
@media screen and (min-width:769px){.why-story,.case-block{padding-top:40px;padding-bottom:40px}.design-board{padding-top:40px;padding-bottom:40px}.case-cell{padding:26px}.case-label{padding-top:2px}.design-board>header{margin-bottom:32px}}
.case-main br{display:initial}
/* About: portrait and education support the work history; logos identify actual tools. */
.about-v42{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding-top:8px}
.profile-identity{display:flex;align-items:center;gap:22px;margin-bottom:26px}
.profile-photo{display:block;flex:none;width:104px;height:139px;object-fit:cover;border-radius:4px}
.profile-name{font-size:24px;font-weight:700;margin:0 0 6px}.profile-position{font-size:13px;color:var(--color-muted);margin:0}
.about-v42 h2{font-size:25px;line-height:1.6;letter-spacing:-.7px;margin:0 0 18px}
.about-v42 .about__lead{font-size:14px;line-height:1.95;margin:0 0 12px;color:var(--color-muted)}
.profile-career .kblock__k,.education h3,.toolkit-heading h3{font-size:16px;font-weight:700;margin:0 0 18px;color:var(--color-ink)}
.profile-career .kblock__v{display:grid;gap:0;list-style:none;padding:0;margin:0}
.profile-career .kblock__v li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:22px 0;border-bottom:var(--rule-thin)}
.profile-career .kblock__v li:first-child{padding-top:4px}.profile-career .kblock__v b{font-size:16px;grid-column:1;line-height:1.5}
.profile-career .kblock__v span{font-size:13px;grid-row:2;grid-column:1;color:var(--color-muted);line-height:1.6}
.profile-career .kblock__v time{font-size:12px;grid-column:2;grid-row:1;white-space:nowrap;color:var(--color-muted)}
.education{margin-top:28px}.education h3{margin-bottom:12px}.education dl{margin:0;display:grid;gap:10px}
.education dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.8}.education dt{color:var(--color-muted)}.education dd{margin:0}.education dd span{font-size:11px;color:var(--color-muted);margin-left:5px;white-space:nowrap}
.about-toolkit{border-top:var(--rule-thin);padding-top:28px;margin-top:8px}.toolkit-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}.toolkit-heading h3{margin:0}.toolkit-heading>p{font-size:12px;color:var(--color-muted);margin:0}
.tool-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tool-group{background:var(--color-panel);padding:20px 18px;border-radius:var(--radius-inner)}.tool-group h4{font-size:13px;line-height:1.6;margin:0 0 18px}
.tool-group ul{display:grid;gap:18px;list-style:none;padding:0;margin:0}.tool-group li{display:flex;align-items:center;gap:12px;min-width:0}.tool-group li img{display:block;flex:none;width:25px;height:25px;object-fit:contain}.tool-group li b{font-size:12px;font-weight:600;display:block;line-height:1.5}.tool-group li span{display:block;font-size:10px;line-height:1.7;color:var(--color-muted);margin-top:3px}
/* Each automation card reads from the original work down to the implementation. */
.automation-board .panel--auto{display:flex;flex-direction:column;gap:0;padding:24px 20px}
.automation-board .panel__k{margin:0 0 10px}.automation-board .auto__num{margin:0 0 22px;padding-bottom:20px;border-bottom:var(--rule-thin)}
.automation-step{position:relative;padding:16px;background:var(--color-panel);border-radius:var(--radius-inner);margin-bottom:34px}
.automation-step:last-child{margin-bottom:0}.automation-step h5{display:flex;align-items:center;gap:8px;color:var(--color-ink);font-size:12px;margin-bottom:10px}.step-number{font-size:10px;letter-spacing:.5px;color:var(--color-accent);font-weight:700}.automation-step p{font-size:13px;line-height:1.95}
.step-connector{position:absolute;left:50%;bottom:-29px;transform:translateX(-50%);color:var(--color-muted);font-size:22px;line-height:24px;pointer-events:none}
.user-linebreak{white-space:pre-line}
@media screen and (max-width:1000px){.about-v42{gap:32px}.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-group li span{font-size:12px}.tool-group li b{font-size:13px}.automation-board .panel--auto{display:flex}}
@media screen and (max-width:768px){.about-v42{grid-template-columns:1fr}.about-v42 h2{font-size:23px}.profile-photo{width:84px;height:112px}.profile-name{font-size:22px}.about-toolkit{margin-top:0}.toolkit-heading{display:block}.toolkit-heading>p{margin-top:6px}.profile-career .kblock__v li{padding:16px 0}.education{margin-top:24px}}
@media screen and (max-width:414px){.tool-groups{gap:12px}.tool-group{padding:16px 12px}.tool-group li{gap:8px}.tool-group li img{width:22px;height:22px}.tool-group h4{font-size:12px}.tool-group li b{font-size:11px}.tool-group li span{font-size:10px}.profile-career .kblock__v time{font-size:10px}.profile-career .kblock__v span{font-size:12px}.profile-identity{gap:16px}.about-v42 h2{font-size:21px}}
@media print{.about-v42{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.profile-photo{width:75px;height:100px}.profile-identity{margin-bottom:14px}.about-v42 h2{font-size:18px;margin-bottom:10px}.about-v42 .about__lead{font-size:10px;line-height:1.7;margin-bottom:8px}.education{margin-top:16px}.education dl>div{font-size:9px;gap:6px}.education dd span{font-size:9px}.profile-career .kblock__v li{padding:12px 0}.profile-career .kblock__v b{font-size:12px}.profile-career .kblock__v span{font-size:10px}.profile-career .kblock__v time{font-size:9px}.about-toolkit{padding-top:16px}.tool-groups{gap:12px}.tool-group{padding:12px}.tool-group h4{font-size:10px;margin-bottom:10px}.tool-group ul{gap:10px}.tool-group li{gap:8px}.tool-group li img{width:18px;height:18px}.tool-group li b{font-size:9px}.tool-group li span{font-size:8px}.toolkit-heading{margin-bottom:12px}.toolkit-heading h3,.education h3,.profile-career .kblock__k{font-size:12px}.toolkit-heading p{font-size:9px}.automation-board .panel--auto{padding:14px}.automation-step{padding:12px;margin-bottom:25px}.automation-step h5{font-size:9px}.automation-step p{font-size:10px;line-height:1.7}.step-connector{font-size:16px;bottom:-24px}.automation-board .auto__num{margin-bottom:14px;padding-bottom:12px}}
@media screen and (min-width:1001px){.tool-group li b{font-size:13px}.tool-group li span{font-size:11px}.tool-group h4{font-size:14px}.automation-board .autos{align-items:stretch}.automation-board .automation-step:nth-of-type(1){min-height:160px}.automation-board .automation-step:nth-of-type(2){min-height:270px}.automation-board .automation-step:nth-of-type(3){min-height:190px}}
@media screen and (min-width:1001px){.automation-board .automation-step:nth-of-type(2){min-height:220px}.automation-board .automation-step:nth-of-type(3){min-height:160px}}
/* End with a small contact bar instead of a separate closing message. */
.contact{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1192px;width:calc(100% - 64px);margin:0 auto 48px;padding:26px 34px;background:var(--color-sheet);border:var(--rule-thin);border-radius:var(--radius-card)}
.contact-identity{display:flex;align-items:baseline;gap:14px}.contact-identity strong{font-size:14px}.contact-identity>span{font-size:12px;color:var(--color-muted)}
.contact>a{font-size:13px;display:flex;gap:16px;align-items:center;padding:4px 0;border-bottom:var(--rule-thin);white-space:nowrap}
.contact>a:hover{border-bottom-color:var(--color-accent)}.contact>a:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}
@media screen and (max-width:540px){.contact{width:calc(100% - 32px);padding:22px;flex-direction:column;align-items:flex-start;gap:14px}.contact>a{font-size:12px}}
@media print{.contact{display:none!important}}
/* About v43: profile at left, work history in the centre, education beside it. */
.about-v43{display:grid;grid-template-columns:150px minmax(0,1.35fr) minmax(0,1fr);gap:38px;align-items:start;padding-top:8px}
.about-v43 .profile-identity{display:grid;align-content:start;gap:18px;margin:0}
.about-v43 .profile-name{font-size:21px}.about-v43 .profile-position{font-size:12px}
.about-v43 .profile-career .kblock{display:block;border:0;padding:0;margin:0}
.about-v43 .profile-career .kblock__k,.about-v43 .education h3{font-size:16px;margin:0 0 18px;line-height:1.5}
.about-v43 .profile-career .kblock__v li{padding:14px 0;gap:5px 10px}
.about-v43 .profile-career .kblock__v li:first-child{padding-top:0}
.about-v43 .profile-career .kblock__v b{font-size:15px}
.about-v43 .profile-career .kblock__v span{font-size:12px}
.about-v43 .profile-career .kblock__v time{font-size:11px}
.about-v43 .education{margin:0}
.about-v43 .education dl{gap:0}
.about-v43 .education dl>div{grid-template-columns:1fr;gap:4px;padding:14px 0;border-bottom:var(--rule-thin)}
.about-v43 .education dl>div:first-child{padding-top:0}
.about-v43 .education dt{font-size:11px}
.about-v43 .education dd{font-size:13px;line-height:1.7}
.sheet--about .about-toolkit{margin-top:0;padding-top:24px}
@media screen and (max-width:1000px){.about-v43{grid-template-columns:120px minmax(0,1.2fr) minmax(0,1fr);gap:24px}.about-v43 .profile-career .kblock__v li{grid-template-columns:1fr}.about-v43 .profile-career .kblock__v time{grid-column:1;grid-row:3}.about-v43 .profile-career .kblock__v span{grid-row:2}}
@media screen and (max-width:768px){.about-v43{grid-template-columns:1fr;gap:28px}.about-v43 .profile-identity{display:flex;gap:20px}.about-v43 .profile-career .kblock__v li{grid-template-columns:minmax(0,1fr) auto}.about-v43 .profile-career .kblock__v time{grid-column:2;grid-row:1}.about-v43 .education dl>div{grid-template-columns:68px minmax(0,1fr);gap:12px}}
@media print{.about-v43{grid-template-columns:110px minmax(0,1.3fr) minmax(0,1fr);gap:24px}.about-v43 .profile-career .kblock__v li{padding:10px 0}.about-v43 .profile-career .kblock__v b{font-size:12px}.about-v43 .profile-career .kblock__v span{font-size:9px}.about-v43 .profile-career .kblock__v time{font-size:8px}.about-v43 .education dd{font-size:10px}.about-v43 .education dt{font-size:9px}.about-v43 .profile-career .kblock__k,.about-v43 .education h3{font-size:12px}.about-v43 .education dl>div{padding:10px 0}.sheet--about .about-toolkit{padding-top:16px}}
/* About v44: a compact identity line followed by career and education. */
.about-v44{display:grid;gap:30px;padding-top:4px}
.about-v44 .profile-identity{display:flex;align-items:center;gap:22px;margin:0}
.about-v44 .profile-photo{width:72px;height:96px;border-radius:3px}
.about-v44 .profile-name{font-size:25px;line-height:1.5;margin-bottom:5px}
.about-v44 .profile-position{font-size:12px}
.about-history{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:start}
.about-v44 .profile-career .kblock{display:block;border:0;margin:0;padding:0}
.about-v44 .profile-career .kblock__k,.about-v44 .education h3{font-size:16px;margin:0 0 18px;line-height:1.5}
.about-v44 .profile-career .kblock__v li{display:grid;grid-template-columns:115px minmax(0,1fr);gap:5px 20px;padding:15px 0;border-bottom:var(--rule-thin)}
.about-v44 .profile-career .kblock__v li:first-child{padding-top:0}
.about-v44 .profile-career .kblock__v b{grid-column:2;grid-row:1;font-size:15px}
.about-v44 .profile-career .kblock__v span{grid-column:2;grid-row:2;font-size:12px}
.about-v44 .profile-career .kblock__v time{grid-column:1;grid-row:1 / span 2;font-size:11px;line-height:1.8;padding-top:2px;white-space:nowrap}
.about-v44 .education{margin:0}.about-v44 .education dl{gap:0}
.about-v44 .education dl>div{grid-template-columns:70px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:var(--rule-thin);align-items:baseline}
.about-v44 .education dl>div:first-child{padding-top:0}
.about-v44 .education dt{font-size:11px;line-height:1.8}.about-v44 .education dd{font-size:13px;line-height:1.8}
.about-v44+.about-toolkit{padding-top:22px}
.sheet--about .tool-groups{gap:0}
.sheet--about .tool-group{background:transparent;border-radius:0;padding:0 24px;border-left:var(--rule-thin)}
.sheet--about .tool-group:first-child{padding-left:0;border-left:0}
.sheet--about .tool-group:last-child{padding-right:0}
.sheet--about .tool-group h4{font-size:12px;color:var(--color-muted);margin-bottom:18px}
.sheet--about .tool-group ul{gap:14px}.sheet--about .tool-group li img{width:22px;height:22px}
.sheet--about .tool-group li b{font-size:12px}.sheet--about .tool-group li span{font-size:10px;line-height:1.7}
@media screen and (max-width:1000px){.about-history{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.about-v44 .profile-career .kblock__v li{grid-template-columns:100px minmax(0,1fr);gap:5px 12px}.sheet--about .tool-groups{gap:24px}.sheet--about .tool-group{padding:0;border:0}}
@media screen and (max-width:768px){.about-history{grid-template-columns:1fr;gap:28px}.about-v44{gap:28px}.about-v44 .profile-photo{width:66px;height:88px}.about-v44 .profile-name{font-size:23px}.about-v44 .education dl>div{grid-template-columns:70px minmax(0,1fr)}.about-v44 .profile-career .kblock__v li{grid-template-columns:100px minmax(0,1fr)}}
@media screen and (max-width:414px){.about-v44 .profile-career .kblock__v li{grid-template-columns:1fr;gap:4px}.about-v44 .profile-career .kblock__v b{grid-column:1;grid-row:1}.about-v44 .profile-career .kblock__v span{grid-column:1;grid-row:2}.about-v44 .profile-career .kblock__v time{grid-column:1;grid-row:3;padding-top:0}.sheet--about .tool-groups{gap:24px 16px}}
@media print{.about-v44{gap:22px}.about-v44 .profile-photo{width:54px;height:72px}.about-v44 .profile-name{font-size:20px}.about-history{gap:36px}.about-v44 .profile-career .kblock__v li{grid-template-columns:95px minmax(0,1fr);gap:4px 12px;padding:10px 0}.about-v44 .profile-career .kblock__v b{font-size:12px}.about-v44 .profile-career .kblock__v span{font-size:10px}.about-v44 .profile-career .kblock__v time{font-size:9px}.about-v44 .education dl>div{grid-template-columns:55px minmax(0,1fr);gap:10px;padding:10px 0}.about-v44 .education dt{font-size:9px}.about-v44 .education dd{font-size:10px}.about-v44 .profile-career .kblock__k,.about-v44 .education h3{font-size:12px}.sheet--about .tool-group{padding:0 16px}.sheet--about .tool-group h4{font-size:10px}.sheet--about .tool-group li b{font-size:9px}.sheet--about .tool-group li span{font-size:8px}.sheet--about .tool-group li img{width:18px;height:18px}}
.about-v44 .profile-career .kblock__v li:last-child,.about-v44 .education dl>div:last-child{border-bottom:0}
.contact>.contact-email{margin-left:auto}
.contact>.back-to-top{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:9px 15px;border:var(--rule-thin);border-radius:6px;font-size:12px;line-height:1.5;white-space:nowrap;transition:background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}
.contact>.back-to-top:hover{border-color:var(--color-ink);background:var(--color-panel)}
.contact>.back-to-top:active{background:var(--color-rule)}
@media screen and (max-width:540px){.contact>.contact-email{margin-left:0}.contact>.back-to-top{align-self:flex-start}}
.contact>.back-to-top{text-decoration:none}
