/* #wk-resume: "The paper trail." Self-contained, class prefix wkr-. Reads the page tokens when they exist. */

#wk-resume{
  --wkr-tx:var(--tx,#0c0e13);--wkr-mu:var(--mu,#4a505d);--wkr-ln:var(--ln,rgba(12,14,19,.16));--wkr-fc:var(--fc,#0c0e13);
  --wkr-band:var(--band,#7fb0ff);--wkr-focus:var(--focus,#2a4bff);--wkr-glow:var(--glow,0);
  --wkr-mono:var(--mono,'IBM Plex Mono',ui-monospace,Consolas,monospace);
  --wkr-disp:var(--disp,'Archivo','DM Sans','Segoe UI',system-ui,sans-serif);
  --wkr-pad:16px;
  color:var(--wkr-tx);font:400 16px/1.5 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-margin-top:24px;
}
@media (prefers-color-scheme:dark){
  #wk-resume{--wkr-tx:var(--tx,#f1f3f8);--wkr-mu:var(--mu,#a3abbb);--wkr-ln:var(--ln,rgba(255,255,255,.14));--wkr-fc:var(--fc,#7fb0ff);--wkr-band:var(--band,transparent);--wkr-focus:var(--focus,#7fb0ff);--wkr-glow:var(--glow,1)}
}
#wk-resume,#wk-resume *,#wk-resume *::before,#wk-resume *::after{box-sizing:border-box}
#wk-resume :focus-visible{outline:2px solid var(--wkr-focus);outline-offset:3px}
/* resume.js sets .wkr-js as it starts. Until then the head script's flag stands in, so a visit with JS never flashes the flat layout. */
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-jsonly{display:none}

/* ---- heading column ---- */
.wkr-cv{padding:84px var(--wkr-pad) 10px;max-width:680px;margin:0 auto}
.wkr-kick{font:600 12px var(--wkr-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--wkr-mu);margin:0 0 10px}
.wkr-h2{font:800 clamp(42px,12vw,60px)/.9 var(--wkr-disp);font-stretch:76%;letter-spacing:-.028em;margin:0 0 18px;color:var(--wkr-tx)}
.wkr-h2 em{font-style:normal;color:var(--wkr-fc);text-shadow:0 0 calc(var(--wkr-glow) * 24px) rgba(95,150,255,.4);background:linear-gradient(var(--wkr-band),var(--wkr-band)) 0 86%/100% 34% no-repeat}
.wkr-btns{display:flex;gap:10px;flex-wrap:wrap}
.wkr-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:999px;background:#7fb0ff;color:#05070a;font:700 16px 'DM Sans',system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer;box-shadow:0 12px 28px -14px #7fb0ff;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s}
.wkr-btn:hover{transform:translateY(-2px)}
.wkr-btn:active{transform:scale(.96);transition-duration:.08s}
.wkr-btn::before{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-150%) skewX(-20deg);pointer-events:none}
.wkr-cv:has(.wkr-live) .wkr-btn:not(.wkr-ghost)::before{animation:wkr-sheen 3.6s ease-in-out 1.6s infinite}
@keyframes wkr-sheen{0%{transform:translateX(-150%) skewX(-20deg)}42%,100%{transform:translateX(420%) skewX(-20deg)}}
.wkr-ghost{background:transparent;color:var(--wkr-tx);border:1px solid var(--wkr-ln);box-shadow:none}
.wkr-ghost:hover{border-color:currentColor}
.wkr-li{width:18px;height:18px;flex:none}
.wkr-in-g{stroke:var(--bg,#f3f2ee)}
@media (prefers-color-scheme:dark){.wkr-in-g{stroke:var(--bg,#05060a)}}
.wkr-note{min-height:22px;margin:12px 0 0;font:600 13px var(--wkr-mono);color:var(--wkr-fc)}

/* ---- the paper ---- */
.wkr-art{position:relative;width:calc(100% - 30px);max-width:400px;margin:40px auto 26px}
.wkr-art::before{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(160deg,#2a2f3d,#141821);border:1px solid rgba(255,255,255,.1);transform:rotate(4.5deg) translate(6px,4px)}
.wkr-paper{position:relative;display:block;border-radius:6px;background:#fff;color:#111;color-scheme:light;transform:rotate(-2.5deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px -34px rgba(0,0,0,.75),0 0 90px -40px rgba(162,147,255,.8);cursor:zoom-in}
.wkr-box{position:relative;container-type:inline-size;border-radius:inherit}

/* The sheet: every length is in --p, one PDF point at this size (a 612 pt wide page fills the container). */
.wkr-sheet{
  --p:.8px;
  position:relative;display:block;background:#fff;color:#111;border-radius:inherit;
  font-family:'Times New Roman',Times,'Liberation Serif','Tinos','Nimbus Roman',serif;
  font-size:calc(10 * var(--p));line-height:calc(11.5 * var(--p));font-weight:400;
  padding:calc(36.5 * var(--p)) calc(57 * var(--p)) calc(30 * var(--p));min-height:calc(792 * var(--p));
  text-rendering:geometricPrecision;-webkit-font-smoothing:auto;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
@supports (width:1cqw){.wkr-sheet{--p:calc(100cqw / 612)}}
.wkr-sheet p,.wkr-sheet h3,.wkr-sheet h4,.wkr-sheet ul{margin:0;padding:0}
.wkr-sheet b{font-weight:700}
.wkr-sheet i{font-style:italic}
.wkr-sheet a{color:inherit;text-decoration:none}
.wkr-top{text-align:center}
.wkr-name{font-family:inherit;font-weight:700;font-size:calc(14 * var(--p));line-height:calc(16 * var(--p));letter-spacing:0;color:inherit}
.wkr-headline{font-weight:700;font-style:italic;font-size:calc(9 * var(--p));line-height:calc(12 * var(--p))}
.wkr-contact{line-height:calc(11.4 * var(--p))}
.wkr-sec{font-family:inherit;font-weight:700;font-size:calc(11 * var(--p));line-height:calc(12.1 * var(--p));letter-spacing:0;color:inherit;margin:calc(6.6 * var(--p)) calc(-6.7 * var(--p)) calc(2.7 * var(--p));padding:0 calc(6.7 * var(--p)) calc(2.9 * var(--p));border-bottom:max(.5px,calc(.48 * var(--p))) solid #111}
.wkr-top+.wkr-sec{margin-top:calc(8.4 * var(--p))}
.wkr-role+.wkr-role{margin-top:calc(4.4 * var(--p))}
.wkr-row{display:flex;justify-content:space-between;gap:calc(12 * var(--p))}
.wkr-ul{list-style:none}
.wkr-ul li{position:relative;padding-left:calc(18 * var(--p))}
.wkr-ul li::before{content:"\2022";position:absolute;left:0;top:0}

/* The highlighted lines. The swash is a background on the span, so it follows however the text wraps. */
.wkr-hit{background-image:linear-gradient(var(--ca),var(--ca));background-repeat:no-repeat;background-size:100% 100%;transition:background-size .7s cubic-bezier(.6,0,.2,1);transition-delay:calc(.5s + var(--n,0) * .3s)}
html:not([data-still]) #wk-resume.wkr-js .wkr-art:not(.wkr-in) .wkr-hit{background-size:0 100%}

.wkr-scan{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;display:block}
.wkr-scan::after{content:"";position:absolute;left:0;right:0;top:-14%;height:14%;background:linear-gradient(180deg,rgba(95,150,255,0),rgba(95,150,255,.25) 78%,rgba(40,90,220,.95) 97%,rgba(95,150,255,0));mix-blend-mode:multiply}
.wkr-live .wkr-scan::after{animation:wkr-scan 6s cubic-bezier(.45,0,.55,1) 2.6s infinite}
@keyframes wkr-scan{0%{transform:translateY(0)}55%,100%{transform:translateY(815%)}}

.wkr-leads{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.wkr-leads path{fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;transition:opacity .5s ease,stroke-dashoffset .9s ease;transition-delay:calc(.95s + var(--n,0) * .3s)}
html:not([data-still]) #wk-resume.wkr-js .wkr-art:not(.wkr-in) .wkr-leads path{opacity:0;stroke-dashoffset:44}
.wkr-paper:not(.wkr-placed) .wkr-leads,.wkr-paper:not(.wkr-placed) .wkr-tabs{visibility:hidden}

.wkr-ico{--s:34px;flex:none;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:29%;background:var(--g);overflow:hidden;box-shadow:0 8px 18px -8px var(--gc,rgba(0,0,0,.6)),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.wkr-ico::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0) 46%);pointer-events:none}
.wkr-ico svg{width:calc(var(--s) * .64);height:calc(var(--s) * .64);position:relative;z-index:1;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}
.wkr-t-jci{--g:linear-gradient(145deg,#7fe3ff 0%,#2f86e6 50%,#8e44e0 100%);--gc:#2f86e6}
.wkr-t-sig{--g:linear-gradient(145deg,#ff6f8f 0%,#d2224f 52%,#6a0c28 100%);--gc:#d2224f}
.wkr-t-rac{--g:linear-gradient(145deg,#c2b8ff 0%,#7b6cf2 50%,#3b2fa8 100%);--gc:#7b6cf2}
.wkr-t-qbi{--g:linear-gradient(145deg,#9af5c4 0%,#27a86c 52%,#0b4a33 100%);--gc:#27a86c}
.wkr-t-rec{--g:linear-gradient(135deg,#4a8dff 0%,#2563eb 49.5%,#ff8534 50.5%,#e0621a 100%);--gc:#ff8534}
.wkr-tabs{position:absolute;inset:0;pointer-events:none}
.wkr-tab{position:absolute;left:100%;top:var(--y,0);pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--r,0deg));transition:transform .55s cubic-bezier(.3,1.5,.5,1),opacity .3s;transition-delay:calc(1.2s + var(--n,0) * .3s)}
.wkr-tab:hover{transform:translate(-50%,-50%) rotate(0deg) scale(1.14);transition-delay:0s}
.wkr-tab:focus-visible{opacity:1!important;transform:translate(-50%,-50%) rotate(0deg) scale(1.14)!important;transition-delay:0s}
html:not([data-still]) #wk-resume.wkr-js .wkr-art:not(.wkr-in) .wkr-tab{opacity:0;transform:translate(-50%,-50%) scale(.2)}

/* ---- the full record ---- */
.wkr-record{margin:56px var(--wkr-pad) 0;padding:26px 20px 14px;border-radius:26px;background:linear-gradient(180deg,#0d1018,#07090e);color:#f1f3f8;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 90px -46px rgba(0,0,0,.7),0 0 120px -70px rgba(95,150,255,.55)}
.wkr-rh{font:800 clamp(30px,8vw,40px)/.95 var(--wkr-disp);font-stretch:76%;letter-spacing:-.024em;margin:0 0 18px;color:#f1f3f8}
.wkr-d{border-top:1px solid rgba(255,255,255,.13)}
.wkr-d>summary,.wkr-sub>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}
.wkr-d>summary::-webkit-details-marker,.wkr-sub>summary::-webkit-details-marker{display:none}
.wkr-d>summary{min-height:64px;padding:12px 0}
.wkr-dt{flex:1;min-width:0;font:800 clamp(21px,5.6vw,30px)/1.05 var(--wkr-disp);font-stretch:82%;letter-spacing:-.016em}
.wkr-record small{font:500 12px var(--wkr-mono);color:#aab3c4;white-space:nowrap}
.wkr-plus{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.22);transition:transform .35s cubic-bezier(.3,1.4,.5,1),background-color .2s,border-color .2s}
.wkr-plus::before,.wkr-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:#f1f3f8;transition:background-color .2s}
.wkr-plus::after{transform:rotate(90deg)}
details[open]>summary>.wkr-plus{transform:rotate(45deg);background:#7fb0ff;border-color:#7fb0ff}
details[open]>summary>.wkr-plus::before,details[open]>summary>.wkr-plus::after{background:#05070a}
summary:hover>.wkr-plus{border-color:#7fb0ff}
#wk-resume .wkr-record :focus-visible{outline-color:#7fb0ff}
.wkr-db{padding:0 0 22px;animation:wkr-open .35s cubic-bezier(.2,.8,.2,1)}
@keyframes wkr-open{from{opacity:0;transform:translateY(-6px)}}
.wkr-earlier{margin:0;max-width:64ch;font-size:16px;line-height:1.6;color:#d4d9e3}
.wkr-sub{border-top:1px solid rgba(255,255,255,.08)}
.wkr-sub>summary{min-height:50px;padding:8px 0;font-weight:600;font-size:16px}
.wkr-sub>summary>span{flex:1;min-width:0}
.wkr-sub .wkr-plus{width:24px;height:24px}
.wkr-sub .wkr-plus::before,.wkr-sub .wkr-plus::after{width:10px;margin-left:-5px}
.wkr-sub ul{list-style:none;margin:2px 0 0;padding:0;columns:1}
.wkr-sub li{position:relative;padding:0 0 9px 18px;font-size:15px;line-height:1.5;color:#d4d9e3;break-inside:avoid}
.wkr-sub li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:2px;background:#7fb0ff}
.wkr-limit{margin:8px 0 6px;padding:10px 12px;border-left:3px solid #ff9447;border-radius:0 8px 8px 0;background:rgba(255,148,71,.09);font-size:14px;line-height:1.5;color:#e7dccf}
.wkr-limit b{display:block;font:600 11px var(--wkr-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffb37a;margin-bottom:2px}
.wkr-notes{display:grid;gap:12px}
.wkr-note-card{padding:16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.wkr-note-card h5{margin:0 0 10px;font:700 17px/1.25 'DM Sans',system-ui,sans-serif;color:#f1f3f8}
.wkr-note-card dl{margin:0}
.wkr-note-card dt{font:600 11px var(--wkr-mono);letter-spacing:.14em;text-transform:uppercase;color:#7fb0ff;margin-top:10px}
.wkr-note-card dd{margin:2px 0 0;font-size:15px;line-height:1.5;color:#d4d9e3}
.wkr-hint{margin:0 0 14px;font-size:14px;color:#aab3c4}
.wkr-tgroup{margin-bottom:16px}
.wkr-tgroup h5{margin:0 0 8px;font:600 11px var(--wkr-mono);letter-spacing:.14em;text-transform:uppercase;color:#aab3c4}
.wkr-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
span.wkr-tool,button.wkr-tool{display:inline-block;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f1f3f8;font:600 14px/1.25 'DM Sans',system-ui,sans-serif;text-align:left}
button.wkr-tool{cursor:pointer;min-height:40px;transition:background-color .15s,border-color .15s,color .15s,transform .2s}
button.wkr-tool:hover{border-color:#7fb0ff;transform:translateY(-1px)}
button.wkr-tool[aria-pressed="true"]{background:#7fb0ff;border-color:#7fb0ff;color:#05070a}
.wkr-tool small{margin-left:4px;font-size:11px}
button.wkr-tool[aria-pressed="true"] small{color:#2c3320}
.wkr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:40px}
.wkr-toolstat{flex:1 1 220px;margin:0;font:600 13px/1.4 var(--wkr-mono);color:#7fb0ff}
.wkr-mini{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#f1f3f8;font:600 13px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.wkr-mini:hover{border-color:#7fb0ff}

/* Tool highlights land on light and dark text alike. */
mark.wkr-mark{background:#7fb0ff;color:#05070a;border-radius:2px;box-shadow:0 0 0 1px #7fb0ff}
mark.wkr-mark-now{background:#ff9447;box-shadow:0 0 0 2px #ff9447}

/* ---- the dialog: the page itself, full size ---- */
.wkr-dlg{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:auto;overscroll-behavior:contain;color:#f1f3f8}
.wkr-dlg:not([open]){display:none}
.wkr-dlg::backdrop{background:rgba(4,5,9,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.wkr-dlg-open{overflow:hidden}
.wkr-dlg-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:linear-gradient(180deg,rgba(4,5,9,.8),rgba(4,5,9,0))}
.wkr-dlg .wkr-btn{min-height:44px;padding:0 16px;font-size:15px}
.wkr-dlg .wkr-dark{color:#f1f3f8;border-color:rgba(255,255,255,.3);background:rgba(11,14,21,.72)}
.wkr-dlg .wkr-note{order:-1;flex:1 1 100%;margin:0;min-height:0;text-align:right;color:#7fb0ff}
.wkr-dlg .wkr-note:empty{display:none}
.wkr-x{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(11,14,21,.9);color:#f1f3f8;cursor:pointer;padding:0}
.wkr-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.wkr-x:hover{border-color:#7fb0ff;color:#7fb0ff}
.wkr-dlg :focus-visible{outline:2px solid #7fb0ff;outline-offset:3px}
.wkr-page{display:block;container-type:inline-size;width:calc(100% - 24px);max-width:860px;margin:0 auto 48px;border-radius:6px;background:#fff;box-shadow:0 50px 120px -40px rgba(0,0,0,.9);transform-origin:50% 0}
.wkr-dlg[open] .wkr-page{animation:wkr-in .6s cubic-bezier(.2,.9,.2,1) both}
@keyframes wkr-in{from{opacity:0;transform:perspective(1600px) rotateY(-16deg) rotateX(8deg) translateY(40px) scale(.86)}}
.wkr-page .wkr-hit{background:none}

/* Reflowed sheet where a scaled page would be too small to read: the dialog on a phone, no JS, plain mode. */
@media (max-width:640px){
  .wkr-page .wkr-sheet,
  html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-sheet,
  html[data-plain] .wkr-sheet{--p:1.4px;padding:22px 18px 26px;min-height:0;line-height:1.38;text-rendering:auto}
  .wkr-page .wkr-sec,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-sec,html[data-plain] .wkr-sec{margin:calc(10 * var(--p)) 0 calc(4 * var(--p));padding-left:0;padding-right:0;line-height:1.2}
  .wkr-page .wkr-name,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-name,html[data-plain] .wkr-name{line-height:1.2}
  .wkr-page .wkr-headline,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-headline,html[data-plain] .wkr-headline{line-height:1.3;margin:4px 0}
  .wkr-page .wkr-contact,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-contact,html[data-plain] .wkr-contact{line-height:1.4}
  .wkr-page .wkr-row,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-row,html[data-plain] .wkr-row{flex-wrap:wrap;gap:0 12px}
  .wkr-page .wkr-role+.wkr-role,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-role+.wkr-role,html[data-plain] .wkr-role+.wkr-role{margin-top:12px}
  .wkr-page .wkr-ul li,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-ul li,html[data-plain] .wkr-ul li{margin-top:4px}
  .wkr-dlg-bar{justify-content:flex-start}
  .wkr-dlg .wkr-x{margin-left:auto}
}

/* No JS, or the plain version: the sheet lies flat at reading size, and there is nothing to measure. */
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-art,html[data-plain] .wkr-art{width:100%;max-width:816px;margin:32px auto 0;perspective:none}
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-art::before,html[data-plain] .wkr-art::before{display:none}
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-paper,html[data-plain] .wkr-paper{transform:none!important;cursor:auto;box-shadow:0 2px 16px rgba(0,0,0,.18)}
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-scan,html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-leads,html[data-plain] .wkr-scan,html[data-plain] .wkr-leads,html[data-plain] .wkr-tabs{display:none}
html[data-plain] .wkr-hit{background:none}
html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-cv{max-width:1000px}
html[data-plain] .wkr-cv{max-width:1000px}

/* ---- wider screens ---- */
@media (min-width:640px){
  #wk-resume{--wkr-pad:24px}
  .wkr-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px){
  #wk-resume{--wkr-pad:clamp(32px,4.4vw,76px)}
  .wkr-cv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,6vw,120px);align-items:center;padding:170px var(--wkr-pad) 0;max-width:none}
  .wkr-h2{font-size:clamp(58px,6.2vw,108px);margin-bottom:34px}
  .wkr-art{justify-self:center;width:min(100% - 40px,540px);max-width:none;margin:0;perspective:1600px}
  .wkr-art::before{transform:rotateY(-18deg) rotateX(8deg) rotateZ(6deg) translate(18px,10px)}
  .wkr-paper{transform:rotateY(-18deg) rotateX(8deg) rotateZ(2deg)}
  .wkr-paper:hover{transform:rotateY(-5deg) rotateX(2deg) rotateZ(0deg) translateY(-10px)}
  .wkr-tab{--s:48px}
  .wkr-record{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3.4fr);column-gap:clamp(32px,4vw,72px);margin-top:150px;padding:clamp(34px,3.4vw,56px) clamp(32px,3.6vw,64px) clamp(26px,2.6vw,44px);border-radius:34px}
  .wkr-rh{font-size:clamp(46px,4.4vw,76px);margin:0}
  .wkr-d:first-child{border-top:0}
  .wkr-d>summary{min-height:76px}
  .wkr-sub ul{columns:2;column-gap:36px}
  .wkr-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not(.wk-js) #wk-resume:not(.wkr-js) .wkr-cv,html[data-plain] .wkr-cv{display:block;max-width:1000px;margin:0 auto;padding-top:96px}
}

/* ---- calm: no motion, nothing held back ---- */
@media (prefers-reduced-motion:reduce){
  .wkr-paper,.wkr-paper:hover{transition:none}
  .wkr-scan{display:none}
  .wkr-btn::before{display:none}
  .wkr-db,.wkr-dlg[open] .wkr-page{animation:none}
  .wkr-hit,.wkr-leads path,.wkr-tab{transition:none}
}
html[data-still] .wkr-scan,html[data-still] .wkr-btn::before{display:none}
html[data-still] .wkr-db,html[data-still] .wkr-dlg[open] .wkr-page{animation:none}

/* ---- print: the sheet alone, one clean page ----
   A module that prints something else sets data-print-target on <html> for the duration. */
@media print{
  @page{size:letter;margin:0}
  html:not([data-print-target]),html:not([data-print-target]) body{margin:0!important;padding:0!important;background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}
  html:not([data-print-target]) body>:not(#portfolio),
  html:not([data-print-target]) #portfolio>:not(#m-home),
  html:not([data-print-target]) #m-home>:not(#wk-resume),
  html:not([data-print-target]) #wk-resume>:not(.wkr-cv),
  html:not([data-print-target]) .wkr-cv>:not(.wkr-art),
  html:not([data-print-target]) .wkr-paper>:not(.wkr-box){display:none!important}
  html:not([data-print-target]) #portfolio,
  html:not([data-print-target]) #m-home,
  html:not([data-print-target]) #wk-resume,
  html:not([data-print-target]) .wkr-cv,
  html:not([data-print-target]) .wkr-art,
  html:not([data-print-target]) .wkr-paper,
  html:not([data-print-target]) .wkr-box{display:block!important;position:static!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;perspective:none!important;clip-path:none!important;opacity:1!important;overflow:visible!important;background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important;contain:none!important;container-type:normal!important;filter:none!important}
  html:not([data-print-target]) .wkr-art::before{display:none!important}
  html:not([data-print-target]) .wkr-paper .wkr-sheet{--p:1pt!important;width:8.5in!important;min-height:0!important;max-height:11in;padding:36.5pt 57pt 0!important;line-height:11.5pt!important;border-radius:0;color:#000}
  html:not([data-print-target]) .wkr-sheet .wkr-hit{background:none!important}
  html:not([data-print-target]) .wkr-sheet mark.wkr-mark{background:none!important;box-shadow:none!important;color:inherit!important}
  html:not([data-print-target]) .wkr-sec{border-bottom-color:#000}
}