/* A viewport-sized stage with one physical A4 frame for every template. */
/* Real text is laid out at the displayed size, never outlined or image-scaled. */
.gallery-papers,.collection-dialog-document{container-type:inline-size}
.gallery-native.resume-specimen{--sample-font:clamp(9.5px,2.9cqw,12px);--sample-small:clamp(8.5px,2.55cqw,10.5px);--sample-label:clamp(7.5px,2.3cqw,9.5px);--sample-name:clamp(19px,7.2cqw,31px);--sample-pad:clamp(10px,3.8cqw,20px);--sample-side:clamp(8px,3cqw,15px);--sample-gap:clamp(10px,3.7cqw,20px);--sample-photo:clamp(42px,17cqw,74px);font-family:Arial,Helvetica,sans-serif;font-size:var(--sample-font);line-height:1.42;letter-spacing:normal;font-weight:400;text-rendering:auto;font-synthesis:none;height:100%;min-height:0!important;max-height:none;transform:none!important;filter:none!important;text-shadow:none;will-change:auto}
.gallery-native.resume-specimen p,.gallery-native.resume-specimen li{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:normal;text-shadow:none;overflow-wrap:break-word}
.gallery-native.resume-specimen .spec-main{padding:var(--sample-pad);min-width:0}
.gallery-native.resume-specimen .spec-sidebar{padding:var(--sample-pad) var(--sample-side);min-width:0}
.gallery-native.resume-specimen .spec-header{margin-bottom:var(--sample-gap)}
.gallery-native.resume-specimen .spec-name{font-size:var(--sample-name);line-height:1.08;letter-spacing:-.5px;font-weight:700;overflow-wrap:normal}
.gallery-native.resume-specimen .spec-role{font-size:var(--sample-label);line-height:1.4;margin-top:5px;letter-spacing:.6px}
.gallery-native.resume-specimen .spec-contact{font-size:var(--sample-small);line-height:1.5;margin-top:8px;letter-spacing:normal}
.gallery-native.resume-specimen .spec-label{font-size:var(--sample-label);line-height:1.3;letter-spacing:.65px;margin-bottom:6px;font-weight:700}
.gallery-native.resume-specimen .spec-section{margin:0 0 var(--sample-gap)}
.gallery-native.resume-specimen .spec-job-title{font-size:calc(var(--sample-font) + .5px);font-weight:700;line-height:1.3;margin-bottom:3px}
.gallery-native.resume-specimen .spec-meta{font-size:var(--sample-small);line-height:1.45;margin-bottom:3px}
.gallery-native.resume-specimen .spec-bullets{padding-left:11px;margin:7px 0 0;line-height:1.42}
.gallery-native.resume-specimen .spec-bullets li{margin-bottom:5px}
.gallery-native.resume-specimen .spec-job+.spec-job{margin-top:var(--sample-gap)}
.gallery-native.resume-specimen .spec-sidebar p,.gallery-native.resume-specimen .spec-sidebar li{font-size:var(--sample-small);line-height:1.5;overflow-wrap:anywhere}
.gallery-native.resume-specimen .spec-sidebar .spec-label{font-size:var(--sample-label);letter-spacing:.5px;line-height:1.4;margin-bottom:7px}
.gallery-native.resume-specimen .spec-sidebar .spec-job-title{font-size:var(--sample-small);font-weight:700;line-height:1.5}
.gallery-native.resume-specimen .spec-sidebar-contact p+p{margin-top:4px}
.gallery-native.resume-specimen .spec-skills{gap:4px 8px;font-size:var(--sample-small)}
.gallery-native.resume-specimen .spec-skills li{margin-bottom:3px}
.gallery-native.resume-specimen .spec-avatar{width:var(--sample-photo);height:var(--sample-photo);flex:0 0 var(--sample-photo);margin:0 auto var(--sample-gap);border-width:2px}
.gallery-native.resume-specimen .spec-avatar img{display:block;width:100%;height:100%;object-fit:cover;margin:0;box-shadow:none;transform:none;filter:none}
.gallery-native.specimen--aura .spec-name,.gallery-native.specimen--muse .spec-name{font-family:Georgia,'Times New Roman',serif;font-size:calc(var(--sample-name) * 1.1);font-weight:400}
.gallery-native.specimen--aura>.spec-header,.gallery-native.specimen--noir>.spec-header,.gallery-native.specimen--vista>.spec-header{padding:var(--sample-pad);gap:12px;margin:0;align-items:center}
.gallery-native.specimen--aura>.spec-header .spec-avatar,.gallery-native.specimen--noir>.spec-header .spec-avatar,.gallery-native.specimen--vista>.spec-header .spec-avatar{margin:0}
.gallery-native.specimen--aura .spec-columns{grid-template-columns:68% 32%;padding:0;gap:0}
.gallery-native.specimen--aura .spec-columns>div{padding:var(--sample-pad)}
.gallery-native.specimen--aura .spec-columns>aside{padding:var(--sample-pad) var(--sample-side);font-size:var(--sample-small)}
.gallery-native.specimen--aura .spec-columns>aside p,.gallery-native.specimen--aura .spec-columns>aside li{font-size:var(--sample-small);line-height:1.5}
.gallery-native.specimen--aura .spec-columns>aside .spec-label{font-size:var(--sample-label)}
.gallery-native.specimen--noir .spec-name{font-size:calc(var(--sample-name) * .85);letter-spacing:.1px}
.gallery-native.specimen--noir .spec-contact{font-size:var(--sample-small)}
.gallery-native.specimen--vista .spec-columns{padding:var(--sample-pad);gap:var(--sample-side);grid-template-columns:1.2fr 1fr}
.gallery-native.specimen--vista .spec-columns>aside{padding-left:var(--sample-side)}
.gallery-native.specimen--mosaic .spec-header{padding-top:var(--sample-gap)}
.gallery-native.specimen--mosaic .spec-label{padding:3px 4px}
.collection-dialog-document>.gallery-native{--sample-font:13px;--sample-small:11px;--sample-label:10px;--sample-name:34px;--sample-pad:28px;--sample-side:19px;--sample-gap:24px;--sample-photo:80px;box-sizing:border-box;width:min(100%,595px);height:auto;min-height:842px!important;flex:0 0 auto;box-shadow:0 3px 14px #28466a18;background:#fff}
@container(max-width:310px){.gallery-native.compact-sample .spec-job+.spec-job{display:none}.gallery-native.compact-sample .spec-sidebar-contact p:last-child{display:none}.gallery-native.compact-sample .spec-skills li:nth-child(n+5){display:none}}
@container(max-width:260px){.gallery-native.compact-sample{--sample-gap:8px;--sample-photo:38px;--sample-pad:9px;--sample-side:7px}.gallery-native.compact-sample .spec-sidebar-contact p:nth-child(n+4){display:none}.gallery-native.compact-sample .spec-skills li:nth-child(n+4){display:none}.gallery-native.compact-sample.specimen--noir .spec-skills-section{display:none}}
@container(max-width:210px){.gallery-native.compact-sample{--sample-font:9.5px;--sample-small:8px;--sample-label:7px;--sample-name:15px;--sample-pad:8px;--sample-side:6px;--sample-gap:9px;--sample-photo:34px}.gallery-native.compact-sample .spec-main>.spec-section:first-of-type{display:none}.gallery-native.compact-sample .spec-sidebar .spec-education{display:none}.gallery-native.compact-sample .spec-skills li:nth-child(n+4){display:none}.gallery-native.compact-sample .spec-role{font-size:6.5px;letter-spacing:0}.gallery-native.compact-sample .spec-bullets{padding-left:9px}.gallery-native.compact-sample .spec-sidebar-contact p:nth-child(n+4){display:none}}
@media(max-width:650px){.collection-dialog-document>.gallery-native{--sample-font:12px;--sample-small:10.5px;--sample-label:9px;--sample-name:27px;--sample-pad:18px;--sample-side:12px;--sample-gap:20px;--sample-photo:60px;min-height:750px!important}.collection-dialog-document>.gallery-native.specimen--aura>.spec-header,.collection-dialog-document>.gallery-native.specimen--vista>.spec-header,.collection-dialog-document>.gallery-native.specimen--noir>.spec-header{gap:10px;flex-wrap:wrap}.collection-dialog-document>.gallery-native .spec-name{overflow-wrap:normal}}
.motion-site .showcase-paper{display:grid}.motion-site .showcase-paper>[data-hero-sample]{grid-area:1 / 1;display:block!important;align-self:stretch}.motion-site .showcase-paper>[data-hero-sample][hidden]{visibility:hidden;pointer-events:none}
html:has(.motion-site){scrollbar-gutter:stable;scroll-padding-top:0}
.motion-site #collection{box-sizing:border-box;width:calc(100% - 48px);max-width:1248px;height:clamp(520px,calc(100svh - 32px),800px);margin:0 auto;padding:24px 36px 20px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;background:#e4e9f0;color:#263444;border:1px solid #cbd5e1;border-radius:22px;overflow:clip;overflow-anchor:none;scroll-margin-block:16px}
.motion-site #collection .collection-top{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:0}
.motion-site #collection .section-index{color:#64748b;font-size:8px;letter-spacing:1.2px;line-height:1.4;margin:0 0 7px}
.motion-site #collection .collection-top h2{font-size:clamp(27px,2.6vw,38px);line-height:1.08;letter-spacing:-1.1px;margin:0;color:#263444;opacity:1;transform:none;filter:none}
.motion-site #collection .collection-top h2 em{color:#526b89}
.motion-site #collection .collection-top>p{font-size:11px;line-height:1.7;color:#64748b;max-width:280px;margin:0;padding:0}
.motion-site #collection .gallery-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:40px;margin:0;padding:0;min-height:0;align-items:stretch;height:100%}
.motion-site #collection .gallery-menu{display:flex;flex-direction:column;justify-content:space-between;position:static;min-height:0;height:100%;gap:14px}
.motion-site #collection .gallery-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;overflow:visible;order:initial;flex:none}
.motion-site #collection .gallery-choice,.motion-site #collection .gallery-choice.active{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;height:42px;padding:0 12px!important;margin:0;border:1px solid #d8e0ea!important;border-radius:8px;background:#fafbfd;color:#586a80;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:none;transform:none;transition:background .18s,color .18s,border-color .18s}
.motion-site #collection .gallery-choice>span:first-child{font-size:8px;color:#8a98aa;opacity:1}
.motion-site #collection .gallery-choice .choice-arrow{margin-left:auto;color:#6485b0;opacity:0;transform:none;font-size:11px}
.motion-site #collection .gallery-choice.active{color:#244f8a;border-color:#acc1dc!important;background:#e1e9f4;box-shadow:inset 2px 0 #527eb5}
.motion-site #collection .gallery-choice.active>span:first-child{color:#52739f}
.motion-site #collection .gallery-choice.active .choice-arrow{opacity:1}
.motion-site #collection .gallery-choice:hover{background:#e8edf5;color:#244f8a}
.motion-site #collection .gallery-choice:focus-visible{outline:3px solid #9ab5d9;outline-offset:2px}
.motion-site #collection .gallery-description{box-sizing:border-box;position:static;display:grid;grid-template-columns:1fr;grid-template-rows:12px 38px 36px 42px 19px;gap:6px;align-content:end;align-items:start;min-width:0;padding:0;margin:0}
.motion-site #collection .gallery-description>#gallery-count{grid-column:1;grid-row:auto;font-size:9px;color:#6d7f95;letter-spacing:1px;line-height:12px}
.motion-site #collection .gallery-description h3{grid-column:1;grid-row:auto;margin:0;font-size:32px;line-height:38px;color:#2a405b;white-space:nowrap;letter-spacing:-.6px}
.motion-site #collection .gallery-description p{grid-column:1;grid-row:auto;margin:0;font-size:11px;line-height:17px;height:34px;max-width:340px;color:#60748c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.motion-site #collection .gallery-description .nr-button{grid-column:1;grid-row:auto;box-sizing:border-box;width:100%;height:42px;min-height:0;max-width:340px;padding:0 15px;font-size:11px;line-height:1;align-items:center;justify-content:space-between;background:#315f9d;color:#fff;border:1px solid #315f9d;border-radius:8px;box-shadow:none;white-space:nowrap;justify-self:start;margin:0}
.motion-site #collection .gallery-description .nr-button:hover{background:#254e85}
.motion-site #collection .gallery-detail{grid-column:1;grid-row:auto;color:#526f94!important;font-size:10px!important;line-height:19px;margin:0!important;justify-self:start;align-items:center}
.motion-site #collection .gallery-stage{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) 34px;align-items:stretch;gap:12px;order:initial;position:relative;isolation:isolate;height:100%;min-height:0;max-height:100%;width:100%;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;perspective:none;transform:none}
.motion-site #collection .gallery-stage:before,.motion-site #collection .gallery-orbit,.motion-site #collection .gallery-stage-label,.motion-site #collection .gallery-papers:before{display:none;animation:none}
.motion-site #collection .gallery-papers{box-sizing:border-box;position:relative;inset:auto;display:block;block-size:100%;inline-size:auto;aspect-ratio:595.28 / 841.89;max-inline-size:100%;min-height:0;max-height:100%;margin:0;place-self:center;padding:0;perspective:none;transform:none!important;filter:none;will-change:auto;isolation:isolate}
.motion-site #collection .gallery-paper,.motion-site #collection .gallery-paper.is-active{box-sizing:border-box;position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;background:#fff;border:1px solid #cbd5e2;border-radius:2px;box-shadow:0 8px 24px #2b405c13;opacity:1;visibility:visible;transform:none!important;filter:none!important;animation:none!important;transition:none;will-change:auto;overflow:hidden}
.motion-site #collection .gallery-paper[hidden]{display:none!important}
.motion-site #collection .gallery-paper>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
.motion-site #collection .gallery-controls{position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;height:34px;margin:0 auto;padding:0;gap:14px;transform:none;color:#60748d;font-size:9px;letter-spacing:0}
.motion-site #collection .gallery-controls button{box-sizing:border-box;flex:0 0 34px;width:34px;height:34px;min-height:0;border:1px solid #c4d1e0;border-radius:50%;background:#fafcff;color:#42658f;display:grid;place-items:center;font-size:15px;line-height:1;transform:none;transition:background .18s}
.motion-site #collection .gallery-controls button:hover{background:#e1e9f5;transform:none}
.motion-site #collection .gallery-controls [data-expand-preview]{display:inline-flex;justify-content:center;align-items:center;gap:7px;flex:0 1 auto;width:auto;border-radius:20px;font-size:10px;white-space:nowrap;padding:0 15px}
.motion-site #collection .collection-endnote{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:24px;margin:0;padding:10px 0 0;border-top:1px solid #d9e1ec;font-size:7px;line-height:14px;letter-spacing:.6px;color:#728297}
.motion-site #collection .collection-endnote a{color:#45658e;font-size:8px;white-space:nowrap}
/* Keep large colour fields close to the original light palette. */
.motion-site .capability-strip{background:#e9eef5;color:#526b8b}.motion-site .nr-finale{background:#edf1f6}.motion-site .nr-hero{background:radial-gradient(ellipse at 78% 37%,#e8eef64d,transparent 52%)}
.collection-preview-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 32px));height:calc(100svh - 40px);max-height:100%;margin:auto;padding:20px 24px;display:none;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;border:1px solid #d4deeb;border-radius:16px;background:#f3f6fa;color:#263444;box-shadow:0 24px 80px #14263c40}
.collection-preview-dialog[open]{display:grid}.collection-preview-dialog::backdrop{background:#1b2b4180;backdrop-filter:blur(3px)}
html:has(.collection-preview-dialog[open]){overflow:hidden}
.collection-preview-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.collection-preview-dialog>header span{font-size:8px;color:#71839a;letter-spacing:1.3px}.collection-preview-dialog h2{font-size:25px;line-height:1.2;margin:5px 0 0;font-weight:550}.collection-preview-dialog .preview-close{width:36px;height:36px;background:#fff;border:1px solid #ccd9e8;border-radius:50%;color:#415f83;font-size:24px;cursor:pointer}
.collection-dialog-document{min-height:0;overflow:auto;background:#e7ecf3;padding:18px;display:flex;justify-content:center;align-items:flex-start;border:1px solid #d6e0ed;border-radius:8px}.collection-dialog-document img{display:block;width:min(100%,595px);height:auto;flex-shrink:0;box-shadow:0 3px 14px #28466a18;background:#fff}
.collection-preview-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#687f9c}.collection-preview-dialog .nr-button{padding:13px 17px;border-radius:8px;font-size:11px}
@media(max-width:900px){.motion-site #collection{width:calc(100% - 28px);padding:22px 26px 18px;height:clamp(520px,calc(100svh - 28px),800px);gap:16px}.motion-site #collection .gallery-layout{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:25px}.motion-site #collection .collection-top>p{max-width:200px;font-size:10px}.motion-site #collection .gallery-choice,.motion-site #collection .gallery-choice.active{height:38px;font-size:11px;padding-inline:10px!important;gap:7px}.motion-site #collection .gallery-description h3{font-size:29px}.motion-site #collection .gallery-description p{font-size:10px}.motion-site #collection .collection-endnote>span:last-child{display:none}}
@media(max-width:650px){.motion-site #collection{width:calc(100% - 24px);height:calc(100svh - 24px);max-height:900px;min-height:540px;padding:18px 18px 16px;gap:12px;border-radius:17px;scroll-margin-block:12px}.motion-site #collection .collection-top{display:block}.motion-site #collection .collection-top h2{font-size:27px;line-height:1.05;letter-spacing:-.7px}.motion-site #collection .section-index{font-size:7px;margin-bottom:6px}.motion-site #collection .collection-top>p{display:none}.motion-site #collection .gallery-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:76px minmax(0,1fr) 86px;gap:12px;min-height:0;position:static;padding:0}.motion-site #collection .gallery-menu{display:contents}.motion-site #collection .gallery-choices{grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;height:76px}.motion-site #collection .gallery-choice,.motion-site #collection .gallery-choice.active{justify-content:center;height:35px;min-width:0;font-size:10px;padding:0 5px!important;border-radius:7px;gap:0}.motion-site #collection .gallery-choice>span:first-child,.motion-site #collection .gallery-choice .choice-arrow{display:none}.motion-site #collection .gallery-stage{grid-row:2;grid-template-rows:minmax(0,1fr) 32px;gap:8px;height:100%;min-height:0;order:initial}.motion-site #collection .gallery-controls{height:32px;gap:12px}.motion-site #collection .gallery-controls button{height:32px;width:32px;flex-basis:32px}.motion-site #collection .gallery-controls [data-expand-preview]{flex-basis:auto;font-size:9px;padding:0 14px}.motion-site #collection .gallery-description{grid-row:3;position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:11px 28px 30px;gap:4px 10px;padding:0;margin:0;align-content:center;align-items:center}.motion-site #collection .gallery-description>#gallery-count{grid-column:1;grid-row:1;font-size:8px;line-height:11px}.motion-site #collection .gallery-description h3{grid-column:1;grid-row:2;font-size:27px;line-height:28px}.motion-site #collection .gallery-description p{grid-column:1 / -1;grid-row:3;height:28px;font-size:9px;line-height:14px;max-width:none}.motion-site #collection .gallery-description .nr-button{grid-column:2;grid-row:1 / 3;width:auto;height:38px;min-height:0;gap:10px;padding:0 12px;font-size:9px;margin:0;max-width:none}.motion-site #collection .gallery-detail{display:none!important}.motion-site #collection .collection-endnote{min-height:22px;padding-top:8px;font-size:6px;letter-spacing:.3px}.motion-site #collection .collection-endnote a{font-size:7px}.motion-site #collection .collection-endnote>span{display:none}.collection-preview-dialog{width:calc(100vw - 20px);height:calc(100svh - 20px);padding:15px;gap:12px}.collection-dialog-document{padding:8px}.collection-preview-dialog>footer span{max-width:100px;font-size:8px}.collection-preview-dialog .nr-button{font-size:10px;padding:12px}.collection-preview-dialog h2{font-size:23px}}
@media(min-width:651px) and (max-height:650px){.motion-site #collection{height:calc(100svh - 24px);min-height:450px;padding-block:18px 14px;gap:12px;scroll-margin-block:12px}.motion-site #collection .collection-top h2{font-size:29px}.motion-site #collection .gallery-description{grid-template-rows:10px 32px 30px 36px 16px;gap:4px}.motion-site #collection .gallery-description h3{font-size:28px;line-height:32px}.motion-site #collection .gallery-description p{font-size:10px;line-height:14px;height:28px}.motion-site #collection .gallery-description .nr-button{height:36px}.motion-site #collection .gallery-choice,.motion-site #collection .gallery-choice.active{height:34px}.motion-site #collection .gallery-menu{gap:10px}.motion-site #collection .collection-endnote{padding-top:7px}}
@media(prefers-reduced-motion:reduce){.motion-site #collection button{transition:none!important}}
@media(max-width:650px) and (max-height:650px){.motion-site #collection .collection-top h2{font-size:23px;line-height:1.05}.motion-site #collection .gallery-layout{grid-template-rows:76px minmax(0,1fr) 56px;gap:9px}.motion-site #collection .gallery-description{grid-template-rows:11px 28px;gap:4px 10px}.motion-site #collection .gallery-description p{display:none}.motion-site #collection .gallery-description .nr-button{height:36px}.motion-site #collection .gallery-stage{gap:6px}.motion-site #collection{padding-block:14px 12px;gap:10px}}
