.penk-monogram{width:min(100%,510px);margin-inline:auto}.penk-monogram__button{aspect-ratio:1;color:#c7eedb;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.penk-monogram__button:focus-visible{outline-offset:3px;outline:2px solid #c7eedb}.penk-monogram__scene,.penk-monogram__scene svg{width:100%;height:100%;display:block}.penk-monogram__dots{opacity:.18}.penk-monogram__guides{opacity:.32}.penk-monogram__piece,.penk-playground__particle{transform-box:fill-box;transform-origin:50%}.penk-monogram__hint{color:#a7aaa2;font-family:var(--font-mono), monospace;letter-spacing:.025em;justify-content:center;align-items:center;gap:10px;margin:-7px 0 0;font-size:10px;line-height:1.6;display:flex}.penk-monogram__hint-icon{color:#c7eedb;font-size:16px}.penk-playground{background:#1b1d19;border-block:1px solid #373a34;overflow:hidden}.penk-playground__canvas{width:100%;overflow:hidden}.penk-playground__canvas>svg{width:100%;height:auto;display:block}.penk-playground__toolbar{border-top:1px solid #30342d;justify-content:space-between;align-items:center;gap:18px;padding:20px 28px;display:flex}.penk-playground__status{color:#adb2a7;font-family:var(--font-mono), monospace;align-items:center;gap:9px;margin:0;font-size:11px;line-height:1.6;display:flex}.penk-playground__status>span{background:#c7eedb;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.penk-playground__controls{align-items:center;gap:8px;display:flex}.penk-playground__controls button{color:#e7eadf;min-height:44px;font-family:var(--font-mono), monospace;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #555b4f;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:11px;line-height:1;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.penk-playground__controls button>svg{flex:0 0 13px;width:13px;height:13px}.penk-playground__controls button[aria-pressed=true]{color:#171817;background:#c7eedb;border-color:#c7eedb}.penk-playground__controls button:focus-visible{outline-offset:4px;outline:2px solid #c7eedb}.penk-playground__controls .penk-playground__reset{color:#adb2a7;border-color:#0000;margin-left:7px}@media (hover:hover){.penk-playground__controls button:hover{color:#171817;background:#c7eedb;border-color:#c7eedb}}@media (max-width:640px){.penk-monogram{width:min(100%,360px)}.penk-monogram__satellites{display:none}.penk-monogram__hint{font-size:9px}.penk-playground__canvas{padding-block:18px}.penk-playground__canvas>svg{width:150%;max-width:none;margin-left:-25%}.penk-playground__toolbar{flex-direction:column;align-items:stretch;gap:15px;padding:18px 12px}.penk-playground__status{justify-content:center}.penk-playground__controls{justify-content:center;gap:6px}.penk-playground__controls button{gap:7px;padding-inline:11px;font-size:10px}.penk-playground__controls .penk-playground__reset{margin-left:0}}@media (prefers-reduced-motion:reduce){.penk-playground__controls button{transition:none}}
.selected-work{--work-ink:#f1efe9;--work-muted:#acada5;--work-line:#3a3d36;color:var(--work-ink)}.work-features{grid-template-columns:1.18fr 1fr;align-items:start;column-gap:clamp(28px,5.5vw,88px);display:grid}.work-feature{min-width:0}.work-feature:nth-child(2){padding-top:100px}.work-feature:nth-child(3){grid-column:1/-1;grid-template-columns:1fr 1.18fr;align-items:center;gap:clamp(32px,5.5vw,88px);margin-top:clamp(60px,7vw,100px);display:grid}.work-feature:nth-child(3) .work-media{margin-bottom:0}.work-feature-content{min-width:0}.work-media-hfm{background:#efc9b2}.work-media-hfm figcaption{color:#513a2d}.work-media{isolation:isolate;background:#c7eedb;margin:0 0 30px;position:relative;overflow:hidden}.work-media-irs{background:#eeece2}.work-artwork{width:100%;height:auto;display:block;overflow:hidden}.work-art-mono{font-family:var(--font-mono), monospace}.work-art-scene{transform-origin:50%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-art-core{transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-media figcaption{color:#405645;font-family:var(--font-mono), monospace;letter-spacing:.03em;text-transform:uppercase;font-size:8px;position:absolute;bottom:12px;left:14px}.work-media-irs figcaption{color:#535b48}.work-project-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.work-project-heading h3,.work-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.1}.work-category{color:var(--work-muted);font-family:var(--font-mono), monospace;margin:0;font-size:10px;line-height:1.6}.work-project-heading .work-category{text-align:right}.work-summary{max-width:43ch;color:var(--work-ink);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:clamp(17px,1.5vw,20px);font-weight:400;line-height:1.5}.work-contribution{color:var(--work-muted);margin-top:25px;font-size:13px;line-height:1.75}.work-contribution p{margin:0}.work-contribution .work-role{color:var(--work-ink);margin-bottom:7px;font-size:12px;font-weight:500}.work-technologies{color:var(--work-muted);font-family:var(--font-mono), monospace;flex-wrap:wrap;gap:4px 0;margin:23px 0 0;padding:0;font-size:10px;line-height:1.7;list-style:none;display:flex}.work-technologies li{align-items:center;display:flex}.work-technologies li:not(:last-child):after{content:"";background:#666d60;width:2px;height:2px;margin:0 10px}.work-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.work-links a{min-height:44px;color:var(--work-ink);border-bottom:1px solid #62665b;align-items:center;gap:24px;font-size:12px;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}.work-links a svg{width:15px;height:15px;transition:transform .18s}.work-links a:focus-visible{outline-offset:6px;outline:2px solid #c7eedb}.work-additional{margin-top:clamp(56px,8vw,112px)}.work-row{border-top:1px solid var(--work-line);grid-template-columns:.9fr 1.6fr .8fr;gap:clamp(24px,4vw,64px);padding:40px 0;display:grid}.work-index{color:#b6b8ae;font-family:var(--font-mono), monospace;margin-bottom:20px;font-size:10px;display:block}.work-row-title .work-category{margin-top:13px}.work-row-body{padding-top:29px}.work-row-meta{align-self:center}.work-row-meta .work-technologies{margin-top:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-feature:hover .work-art-scene{transform:translateY(-4px)scale(1.025)}.work-feature:hover .work-art-core{transform:translateY(-5px)}.work-links a:hover{color:#c7eedb;border-color:#c7eedb}.work-links a:hover svg{transform:translate(2px,-2px)}}@media (max-width:900px){.work-features{gap:32px}.work-feature:nth-child(2){padding-top:68px}.work-project-heading{display:block}.work-project-heading .work-category{text-align:left;margin-top:9px;display:block}.work-row{grid-template-columns:1fr 1.7fr}.work-row-meta{grid-column:2;margin-top:-10px}}@media (max-width:640px){.work-features{display:block}.work-feature:nth-child(2){padding-top:60px}.work-feature:nth-child(3){margin-top:60px;display:block}.work-feature:nth-child(3) .work-media,.work-media{margin-bottom:22px}.work-media-irs .work-artwork{aspect-ratio:640/470}.work-project-heading{align-items:center;display:flex}.work-project-heading .work-category{text-align:right;max-width:45%;margin-top:0}.work-summary{font-size:18px}.work-contribution{margin-top:20px}.work-additional{margin-top:48px}.work-row{grid-template-columns:1fr;gap:22px;padding:30px 0}.work-index{margin-bottom:14px}.work-row-body{padding-top:0}.work-row-meta{grid-column:auto;margin-top:0}}@media (prefers-reduced-motion:reduce){.work-art-scene,.work-art-core,.work-links a,.work-links a svg{transition:none}}