@font-face{font-family:"Career Serif";src:local("Noto Serif SC");font-style:normal;font-weight:100 900;font-display:swap}
.customer-work{--ink:#49372c;--muted:#7a6856;--red:#9d4e34;--blue:#233e53;--gold:#ae7f3e;--paper:#fff0d4;--type-display:"Career Serif","Noto Serif SC","STSong","SimSun",serif;--type-body:"Microsoft YaHei","PingFang SC",sans-serif;min-height:100svh;display:grid;place-items:center;background:#e9d7b8 url("../assets/customer-shared-background-v10.fast.webp") center/cover no-repeat;color:var(--ink);padding:0;overflow:hidden;font-family:var(--type-body);text-size-adjust:none;line-break:strict;word-break:normal}
.customer-work ::selection{background:#d9bd98;color:var(--ink)}
.customer-work :focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.service-page{position:relative;width:min(100vw,calc(100svh * 1672 / 941));aspect-ratio:1672/941;container-type:inline-size;isolation:isolate}
.career-board{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:contain}
.folder-emboss{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--gold);stroke-width:1.3}
.edge-engraving,.contour-engraving{display:none}
#folder-grain circle{fill:var(--gold);stroke:none}
.career-person{position:absolute;left:5.5%;top:59.5%;width:29%;height:30%;pointer-events:none}
.career-person img{display:block;width:100%;height:100%;object-fit:contain}
.source-records[hidden]{display:none}
.service-intro{position:absolute;left:12.1%;top:27.1%;width:13.8%;padding:0;background:none;color:var(--blue)}
.service-intro h1{font:600 1cqw/1.5 var(--type-body);color:#724a31;margin:0 0 .45cqw;letter-spacing:.16em;display:flex;align-items:center;gap:.7cqw}
.intro-description{display:none}
.role-meta{margin:0;display:grid;gap:.8cqw;line-height:1.8}
.role-meta>div{display:grid;grid-template-columns:1fr;gap:.1cqw;align-items:start;border-top:1px solid #72563838;padding-top:.35cqw}
.role-meta dt{font:400 .64cqw/1.5 var(--type-body);color:#715a40;letter-spacing:.14em}
.role-meta dd{margin:0}
.assignment-record{margin:0 0 .4cqw}
.assignment-record span{display:block;font:700 1.75cqw/1.45 var(--type-display);color:#294859;letter-spacing:.015em}
.assignment-record strong{display:block;font:500 1.05cqw/1.6 var(--type-body);letter-spacing:.12em;color:#4b544d;margin-top:.12cqw}
.tenure-range{display:flex;align-items:baseline;gap:.35cqw;white-space:nowrap}
.role-meta time{font-size:.94cqw;line-height:1.5;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.date-year{font:500 .94cqw/1.5 var(--type-body);color:#51472f}
.date-month{font:400 .82cqw/1.5 var(--type-body);color:#51472f}
.date-connector{font-size:.85cqw;color:var(--ink);align-self:center;opacity:.6}
.experience-statement{position:absolute;left:36%;top:17.5%;width:54%;margin:0;color:var(--blue);font:600 3.6cqw/1 var(--type-display);letter-spacing:-.02em;pointer-events:none}
.statement-line{display:flex;align-items:baseline;gap:.45cqw;white-space:nowrap}
.statement-line strong{font-weight:700}
.statement-line+.statement-line{margin-top:.3cqw}
.poster-small{font:500 1.1cqw/1.6 var(--type-display);letter-spacing:0}
.statement-line:first-child .poster-small:first-child{align-self:center;margin-right:.15cqw}
.poster-bridge{align-self:center;display:grid;flex:0 0 5cqw;font:500 1cqw/1.6 var(--type-display);letter-spacing:.1em}
.statement-key{position:relative;display:inline-block;color:var(--red)}
.statement-key svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.32em;overflow:visible}
.statement-key path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.dossier-return{position:absolute;left:19%;top:5.7%;font:500 1.1cqw/1.5 var(--type-display);color:var(--paper);text-underline-offset:.3cqw}
.workflow-note{position:absolute;left:64%;top:19%;width:22%;margin:0;padding:.55cqw 0 0 .85cqw;border-left:1px solid var(--gold);font:400 1.05cqw/1.85 var(--type-body);color:var(--muted);text-wrap:pretty}
.workflow-note::before{content:"";position:absolute;left:-.2cqw;top:0;width:.4cqw;height:.4cqw;border:1px solid var(--gold);background:var(--paper);transform:rotate(45deg)}
.experience-workbench{position:absolute;inset:0;pointer-events:none}
.bench-heading{position:absolute;left:36%;top:34.5%;width:55%;display:flex;align-items:baseline;justify-content:flex-start;gap:1.2cqw}
.bench-heading h2{font:600 1.35cqw/1.5 var(--type-display);margin:0;padding-left:.7cqw;border-left:2px solid var(--gold);color:var(--blue);letter-spacing:.08em}
.bench-heading p{font-size:.85cqw;color:var(--muted);margin:0;line-height:1.8;white-space:nowrap}
.station-scene{position:absolute;left:27%;top:40%;width:64%;height:20%;perspective:900px}
.scene-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.route-base,.route-active{fill:none;stroke-linecap:round;stroke-linejoin:round}
.route-base{stroke:#b79a68;stroke-width:2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.route-active{stroke:var(--red);stroke-width:1.4}
.route-marker{fill:var(--red);stroke:var(--paper);stroke-width:2}
.work-station{position:absolute;transform:translate(-50%,-50%);width:18%;padding:0;border:0;background:none;cursor:pointer;font:inherit;display:grid;justify-items:center;gap:.12cqw}
.station-object{display:block;width:8cqw;height:9cqw;background-image:url('../assets/customer-clay-stations-v1.fast.webp');background-size:500% auto;background-repeat:no-repeat;transform:rotate(-3deg);transition:transform .3s cubic-bezier(.16,1,.3,1),filter .2s}
.work-station:nth-of-type(even) .station-object{transform:rotate(3deg)}
.work-station:nth-of-type(3) .station-object{background-size:560% auto}
.station-label{font:600 1.3cqw/1.6 var(--type-display);color:var(--blue);white-space:nowrap;padding:.15cqw .1cqw;text-underline-offset:.3cqw}
.work-station:hover .station-object{transform:translateY(-.3cqw) rotate(0)}
.work-station[aria-pressed=true] .station-object{transform:translateY(-.3cqw) rotate(0);filter:drop-shadow(0 .3cqw .2cqw #60442a35)}
.work-station[aria-pressed=true] .station-label{color:var(--red);font-weight:700;text-decoration:underline}
.duty-reader{position:absolute;left:60%;top:68.5%;width:24.5%;height:16.5%;padding:0;background:none;overflow:hidden}
.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;margin:0;padding:0 0 .3cqw;border-bottom:1px solid #ae7f3e50}
.reader-heading h3{font:600 1.15cqw/1.5 var(--type-display);color:var(--blue);margin:0}
.show-overview{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.7cqw;padding:.3cqw 0;white-space:nowrap;text-decoration:underline;text-underline-offset:.2cqw}
.show-overview[hidden]{display:none}
.reader-content{margin-top:.45cqw;transform-origin:left center}
.overview-lead{font:700 .95cqw/1.7 var(--type-display);color:var(--blue);margin:0;text-wrap:balance}
.overview-follow{font-size:.82cqw;line-height:1.8;margin:.5cqw 0 0;text-wrap:balance}
.has-selection .reader-heading{padding-left:2.6cqw}
.has-selection .reader-heading h3{font-size:1.05cqw}
.reader-seal,.travelling-seal{background-image:url('../assets/customer-clay-stations-v1.fast.webp');background-repeat:no-repeat;background-size:500% auto}
.reader-seal{position:absolute;left:0;top:0;width:1.9cqw;height:2.1cqw}
.reader-seal[hidden]{display:none}
.duty-description{font-size:.95cqw;line-height:1.7;margin:0;text-wrap:pretty}
.duty-description strong{font-weight:600;color:var(--blue)}
.business-example{position:absolute;left:34%;top:74.8%;width:12%;height:11%;padding:0;background:none;color:var(--muted)}
.example-title{font:600 .85cqw/1.6 var(--type-display);color:var(--blue);margin:0 0 .5cqw}
.business-example blockquote{font:700 .95cqw/1.6 var(--type-display);color:var(--ink);margin:0}
.business-example blockquote span{display:block}
.card-arriving .service-intro,.card-arriving .experience-workbench,.card-arriving .experience-statement,.card-arriving .workflow-note,.card-arriving .page-nav,.card-arriving .career-person,.card-arriving .folder-emboss{visibility:hidden}
@media(prefers-reduced-motion:reduce){.station-object{transition:none}.work-station:hover .station-object,.work-station[aria-pressed=true] .station-object{transform:none}}

.board-headset-clear,.board-headset-small{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;pointer-events:none}
.board-headset-clear{clip-path:inset(25% 63.5% 55% 28.5%);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);}
.board-headset-small{clip-path:inset(24% 8% 63% 86%);}

.service-intro h1::after{content:'';width:2.1cqw;height:1px;background:#72563855}

.work-station,.duty-reader{pointer-events:auto}