:root{--ink:#2a2a2a;--paper:#fbfaf6;--wash:#e4daf8;--lavender:#d7cafb;--muted:#5a5a5a;color:var(--ink);background:var(--paper);font-family:Shantell Sans,Segoe Print,Comic Sans MS,cursive;line-height:1.35}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper)}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.shell[data-view=site]{background:var(--paper);min-height:100%;line-height:1.6}.shell[data-view=resume]{background:#e4e2dc;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex;overflow:hidden}.resume-chrome{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(760px,100%);display:flex}.resume-chrome p{margin:0}.frame-slot{flex:none;overflow:hidden}.frame{background:var(--paper);transform-origin:0 0;width:1200px;height:800px;overflow:hidden}.page{max-width:1120px;margin:0 auto;padding:28px 32px 48px}.frame .page{flex-direction:column;max-width:none;height:100%;margin:0;padding:16px 26px 12px;display:flex;overflow:hidden}.top{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.brand{align-items:center;gap:8px;font-size:26px;font-weight:700;display:inline-flex}.cat-mark{width:40px;height:auto}.nav{align-items:center;gap:22px;font-size:20px;display:flex}.nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.external-icon{width:22px;height:22px}.about{padding:32px 0 8px}.about h2{margin:0 0 18px;font-size:40px;font-weight:700;line-height:1.2}.about-lead{align-items:flex-start;gap:22px;display:flex}.about-lead>div{min-width:0}.about-photo{object-fit:cover;border:2.5px solid var(--ink);background:#fff;border-radius:22px;flex:none;width:238px;height:238px}.about h3{margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.3}.about p{margin:0;font-size:18px}.about p+p{margin-top:16px}.about-meta{grid-template-columns:1fr 1fr;gap:28px 36px;margin-top:28px;display:grid}.about-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.about-links a{text-underline-offset:4px;text-decoration:underline}.intro{justify-content:space-between;align-items:center;gap:24px;padding:36px 0 12px;display:flex}.intro-copy{flex:1;min-width:0;max-width:560px}.intro h1{align-items:flex-start;gap:6px;margin:0 0 12px;font-size:58px;font-weight:700;line-height:.95;display:flex}.title-spark{flex:none;width:46px;height:46px;margin-top:4px}.intro p{margin:0;font-size:22px;line-height:1.55}.intro p+p{margin-top:14px}.role{color:var(--muted);font-size:18px!important}.cat-scene{flex:none;width:min(420px,46%);height:auto}.catalog{flex-direction:column;gap:14px;display:flex}.frame .catalog{flex:1;gap:10px;min-height:0}.kind-switch{flex-wrap:wrap;align-self:flex-start;gap:8px;display:flex}.kind-switch button,.tag,.arrow,.quiet,.dots button,.slide-dots button{color:var(--ink);background:0 0;border:2px solid #0000}.kind-switch button{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:16px}.kind-switch button[aria-selected=true]{background:var(--lavender)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border-color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:16px}.tag[aria-pressed=true]{background:var(--lavender)}.carousel{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.frame .carousel{flex:1;min-height:0}.arrow{border-color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:88px;padding:0;font-size:32px;line-height:1;display:flex}.arrow-glyph{line-height:.8;display:block;transform:translateY(-2px)}.arrow:disabled{opacity:.35;cursor:default}.case-card{border:2.5px solid var(--ink);background:#fff;border-radius:26px;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"head head""preview summary""notes notes""meta meta";align-items:center;gap:18px 28px;min-width:0;padding:28px 32px 32px;display:grid}.case-head{flex-wrap:wrap;grid-area:head;justify-content:space-between;align-items:center;gap:10px 16px;min-width:0;display:flex}.case-title{min-width:0}.case-card .preview{grid-area:preview;align-self:start;height:auto;min-height:0}.case-summary{grid-area:summary;align-self:start}.case-notes{grid-area:notes}.case-open{grid-area:meta;justify-self:start}.frame .case-card{row-gap:10px;height:100%;min-height:0;padding:14px 18px;overflow:auto}.frame .preview{min-height:0}.frame .sketch,.frame .slide-text{width:100%}.preview{border-radius:24px;outline:none;place-items:center;height:100%;min-height:210px;display:grid;position:relative}.preview:focus-visible,.arrow:focus-visible,.tag:focus-visible,.kind-switch button:focus-visible,.quiet:focus-visible,.dots button:focus-visible,.slide-dots button:focus-visible,.case-open:focus-visible,.nav a:focus-visible,.about-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sketch,.slide-text,.slide-image{width:200px}.sketch-svg{background:radial-gradient(ellipse at 50% 58%, var(--wash) 0 46%, transparent 47%);width:100%;height:auto;display:block}.slide-image{object-fit:contain;border:2px solid var(--ink);background:#fff;border-radius:16px;max-height:240px}.slide-text{background:radial-gradient(ellipse at 50% 50%, var(--wash) 0 68%, transparent 69%);flex-direction:column;justify-content:center;gap:14px;min-height:180px;padding:28px 22px;display:flex}.slide-text h3,.case-title,.case-empty h2{margin:0;font-size:32px;font-weight:700;line-height:1.25}.slide-text p,.case-summary{margin:0;font-size:18px;line-height:1.55}.slide-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.slide-dots button,.dots button{border:2px solid var(--ink);background:#fff;border-radius:50%;flex-shrink:0;width:11px;height:11px;padding:0}.slide-dots button[aria-selected=true],.dots button[aria-selected=true]{background:var(--ink)}.case-notes{flex-direction:column;gap:14px;min-width:0;display:flex}.case-notes h3{margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.case-notes p{font-size:16px}.case-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.case-tags li{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:4px 10px;font-size:15px}.case-open{align-items:center;gap:8px;font-size:18px;display:inline-flex}.case-open .external-icon{width:18px;height:18px}.case-empty{text-align:center;justify-content:center;align-items:center;display:flex}.text-button,.quiet{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:8px 14px}.dots{flex-wrap:wrap;justify-content:center;gap:8px;min-height:14px;display:flex}.foot{border-top:2px solid var(--ink);margin-top:18px;padding-top:12px}.frame .foot{margin-top:8px;padding-top:8px}.foot-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 16px;display:flex}.foot-spark{width:42px;height:28px}.frame .intro{padding-top:12px;padding-bottom:0}.frame .intro h1{font-size:44px}.frame .intro p{font-size:18px}.frame .intro p+p{margin-top:6px}.frame .role{font-size:15px!important}.frame .cat-scene{width:210px}.frame .nav,.frame .kind-switch button,.frame .tag,.frame .case-open,.frame .case-summary{font-size:16px}.frame .case-notes{gap:8px}.frame .case-notes h3{font-size:15px}.frame .case-notes p{font-size:14px;line-height:1.35}.frame .slide-text{gap:8px}.frame .slide-text h3,.frame .case-title,.frame .case-empty h2,.frame .slide-text p,.frame .case-summary,.frame .intro p{line-height:1.35}.frame .case-title,.frame .case-empty h2{font-size:28px}@media (width<=860px){.shell[data-view=site] .page{padding:18px 16px 36px}.shell[data-view=site] .top,.shell[data-view=site] .intro,.shell[data-view=site] .foot-row{align-items:flex-start}.shell[data-view=site] .foot-row{justify-content:flex-start}.shell[data-view=site] .top,.shell[data-view=site] .intro{flex-direction:column}.shell[data-view=site] .nav{flex-wrap:wrap;gap:12px 16px}.shell[data-view=site] .about-meta{grid-template-columns:1fr;gap:22px}.shell[data-view=site] .intro h1{font-size:42px}.shell[data-view=site] .about h2{font-size:32px}.shell[data-view=site] .about-photo{width:108px;height:108px}.shell[data-view=site] .cat-scene{width:min(100%,420px)}.shell[data-view=site] .case-card{grid-template-columns:1fr;grid-template-areas:"head""preview""summary""notes""meta";min-height:0}.shell[data-view=site] .arrow{width:40px;height:40px}}