/* Shared scale keeps the two collections in the same editorial rhythm. */
.work-heading h2{font-size:clamp(42px,5.2vw,76px);letter-spacing:-2.8px}
.playground{background:#fff;padding-top:55px;border-top:1px solid #e7e5df}
.playground .work-heading{margin-bottom:54px}
.playground-group{display:grid;grid-template-columns:minmax(0,.29fr) minmax(0,.71fr);gap:30px}
.pg-group-intro{padding-top:clamp(70px,8vw,130px);padding-right:30px}
.pg-group-intro h3{font-size:19px;font-weight:600;line-height:1.5;margin:0 0 46px;letter-spacing:-.25px}
.pg-group-intro p{font-size:15px;line-height:1.75;max-width:250px;margin:0;color:#55524d}
.playground-group+.playground-group{margin-top:90px;padding-top:60px;border-top:1px solid #e7e5df}
.playground-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.playground-card{min-width:0;display:flex;flex-direction:column}
.pg-cover{container-type:inline-size;display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border:1px solid #e2dfd7;border-radius:9px;background:#ebe9e2;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.pg-cover-top{position:absolute;inset:7% 7% auto;display:flex;justify-content:space-between;font-size:clamp(8px,1.8cqw,11px);letter-spacing:.6px;color:#67695f}
.pg-cover-top>span:first-child{font-weight:600}
.pg-cover-title{position:absolute;top:18%;left:7%;right:7%;font-size:clamp(16px,4.6cqw,30px);letter-spacing:-.8px;line-height:1.25;color:#353d35}
.pg-cover-note{position:absolute;bottom:6%;left:7%;font-size:clamp(7px,1.65cqw,10px);color:#75796e}
.pg-report{position:absolute;top:36%;left:19%;width:70%;padding:5% 6%;background:#fafbf7;border:1px solid #d3d8ca;border-radius:5px;box-shadow:0 18px 30px -22px #3b4b3866;transform:rotate(-4deg);transition:transform .6s var(--ease)}
.pg-report-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,1.3cqw,8px);letter-spacing:1.1px;color:#5f6c56;margin-bottom:2cqw}
.pg-report-top i{width:5px;height:5px;background:var(--accent);border-radius:50%}
.pg-report-row{display:grid;grid-template-columns:25px 1fr 15px;align-items:center;gap:6px;padding:1.4cqw 0;border-top:1px solid #e1e6db;font-size:clamp(8px,1.85cqw,11px);color:#52604c}
.pg-report-number{font-size:8px;color:#89917f;font-variant-numeric:tabular-nums}
.pg-source-mark .arrow-icon{width:11px;height:11px}
.pg-report-foot{display:flex;gap:5px;margin-top:7px}
.pg-report-foot span{height:3px;width:22px;background:#d9dfd0;border-radius:3px}
.pg-resume .pg-cover{background:#f0ebe4;border-color:#e8ded2}
.pg-resume .pg-cover-title{color:#493c33}
.pg-resume .pg-cover-top{color:#8a7564}
.pg-editor{position:absolute;top:37%;bottom:-20%;left:24%;width:59%;background:#e0d8cf;transform:rotate(4deg);border-radius:6px 6px 0 0;box-shadow:0 16px 28px -20px #58463666;transition:transform .6s var(--ease)}
.pg-editor-tools{display:flex;gap:4px;height:3.8cqw;padding:1.4cqw 2cqw}
.pg-editor-tools i{display:block;width:4px;height:4px;border-radius:50%;background:#ae9f91}
.pg-paper{display:block;background:#fffdf9;min-height:100%;padding:7% 12%;margin:0 9%}
.pg-paper-title{display:block;font-size:3.3cqw;font-weight:500;letter-spacing:-.4px;color:#463c34}
.pg-paper-title>span{color:var(--accent)}
.pg-paper-rule{display:block;height:1px;background:#bf9d83;margin:2cqw 0}
.pg-paper-section{display:block;margin-bottom:2cqw}
.pg-paper-section b{display:block;font-size:7px;font-weight:500;color:#826c5b;margin-bottom:7px;text-transform:uppercase;letter-spacing:1px}
.pg-paper-section i{display:block;width:100%;height:3px;background:#eae3dc;margin-top:5px}
.pg-paper-section i:last-child{width:73%}
.pg-type-sample{position:absolute;right:-13%;top:20%;width:12cqw;height:13cqw;display:flex;align-items:center;justify-content:center;background:#fffdf9;border:1px solid #ddd3c7;border-radius:4px;font-family:Georgia,serif;font-size:5cqw;color:#675140;box-shadow:0 8px 20px -15px #352d26;transform:rotate(-9deg)}
.pg-type-sample>span{position:absolute;bottom:7px;font:12px Arial;color:var(--accent)}
.pg-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}
.pg-caption h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0 0 9px}
.pg-subtitle{display:block;font-size:13px;color:#68655f;line-height:1.6}
.pg-link-arrow{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #ddd9d1;border-radius:50%;flex-shrink:0;transition:color .3s,border-color .3s,transform .3s}
.pg-link-arrow .arrow-icon{width:15px;height:15px}
.pg-description{font-size:13px;line-height:1.9;color:#77736e;max-width:94%;margin:18px 0 23px}
.pg-card-footer{display:flex;justify-content:space-between;align-items:baseline;gap:18px;border-top:1px solid #e9e5de;padding-top:16px;margin-top:auto;font-size:10px;line-height:1.7;color:#878179}
.pg-visit{color:#5c554d;white-space:nowrap}
.playground-card:hover .pg-cover{transform:translateY(-5px);box-shadow:0 20px 30px -24px #473f3355}
.playground-card:hover .pg-report,.playground-card:hover .pg-editor{transform:rotate(0deg) translateY(-4px)}
.playground-card:hover .pg-link-arrow{color:var(--accent);border-color:var(--accent);transform:translate(2px,-2px)}
@media(max-width:1000px){.playground-group{grid-template-columns:1fr;gap:30px}.pg-group-intro{padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:30px}.pg-group-intro h3{margin:0}.pg-group-intro p{max-width:340px}.playground .work-heading{margin-bottom:35px}}
@media(max-width:760px){.pg-group-intro{display:block}.pg-group-intro h3{margin-bottom:15px}.work-heading h2{font-size:clamp(40px,10vw,62px);letter-spacing:-2px}.playground-grid{grid-template-columns:1fr;gap:45px}.pg-cover-title{font-size:clamp(20px,5vw,30px)}.pg-caption h3{font-size:20px}.pg-description{max-width:100%}.pg-report-row{padding:7px 0}.pg-report-top{margin-bottom:9px}.pg-cover-note{font-size:9px}.pg-type-sample{width:55px;height:60px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.playground-card .pg-cover,.pg-report,.pg-editor,.pg-link-arrow{transition:none}.playground-card:hover .pg-cover,.playground-card:hover .pg-report,.playground-card:hover .pg-editor,.playground-card:hover .pg-link-arrow{transform:none}}

/* Career motifs are drawn vectors, independent of system emoji fonts. */
.pg-career-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:#65735c;background:#f8f9f3;border:1px solid #d8ddcf;border-radius:7px;box-shadow:0 6px 14px -11px #394a3260;z-index:1}
.pg-career-icon svg{width:68%;height:68%}
.pg-company-icon{width:10cqw;height:11cqw;left:6%;top:41%;transform:rotate(-9deg)}
.pg-briefcase-icon{width:9cqw;height:9cqw;right:6%;bottom:10%;transform:rotate(8deg);color:#9a6a4c;background:#f8f4ed;border-color:#e0d4c4}