:root{--bg:#faf7f1;--ink:#34333a;--muted:#78747c;--line:#e2ddd4;--green:#506c74;--soft:#eee9f1;--aigc:#88789c;--team:#a1793b;--tools:#4d7882;--landscape:#698570}
body{background:var(--bg)}.site-header{height:86px}.brand-mark{background:#506970;border-radius:10px 10px 10px 2px;font-family:var(--font);font-size:18px}.prototype-label{background:#f1ece3;border-color:#e3d9c8;color:#806d50}.prototype-label i{background:#b28d4d}.top-nav .current:after{background:#ad8c50}.cat-hero{max-width:1440px;margin:auto;padding:30px 6% 44px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;min-height:510px;border-bottom:1px solid var(--line)}.cat-kicker{font-size:12px;color:#7d7263;margin:0 0 20px;letter-spacing:1px}.cat-kicker>span{font-size:10px;background:#eee8dc;padding:5px 9px;border-radius:20px;margin-left:12px;letter-spacing:0}.cat-hero h2{font-size:clamp(35px,4vw,57px);font-weight:600;letter-spacing:-1.8px;line-height:1.42;margin:0 0 22px}.cat-lead{color:var(--muted);font-size:14px;line-height:2;margin:0 0 26px}.hero-primary{background:#536e75;border-radius:7px;padding:13px 20px}.hero-primary:hover{background:#405a63}.hero-resume{color:#695977}.hero-directions{max-width:none;margin-top:27px;gap:15px}.hero-directions button{font-size:11px}.cat-stage{position:relative;min-width:0;padding:22px 20px 15px;background:#f4eee5;border:1px solid #e8dfd1;border-radius:160px 160px 24px 24px;overflow:hidden}.cat-stage-label{display:block;text-align:center;font-size:10px;color:#8c7d6a;letter-spacing:2px;position:relative;z-index:1}.cat-companion{display:block;padding:0;width:100%;max-width:490px;margin:2px auto 0;border-radius:80px;overflow:hidden;position:relative}.cat-companion img{height:345px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.cat-companion:hover img{transform:rotate(-1deg) translateY(-3px)}.cat-companion:active img{transform:scale(.985)}.cat-caption{text-align:center;font-size:12px;color:#726653;margin:5px 0 0}.cat-caption>span{display:block;font-size:9px;margin-top:5px;color:#968975}.cat-greeting{position:absolute;right:23px;top:70px;padding:16px 19px;background:#fffdf8;border:1px solid #e3d7c4;border-radius:13px 13px 3px 13px;box-shadow:0 8px 30px #4e443a14;z-index:2}.cat-greeting p{font-size:12px;margin:0 0 10px}.cat-greeting a{font-size:11px;display:inline-block;padding:5px 8px;background:#ede8f1;border-radius:4px;margin-right:5px;color:#675873}.profile-monogram{background:#e9e0ce;color:#897044;font-size:28px;font-family:var(--font);display:grid;place-items:center}.profile{border-left:3px solid #d8c9ac;padding-left:17px}.profile h1{font-size:30px}.profile-description{font-size:11px;line-height:1.9}.resume-button{border:1px solid #c7bccf;background:#eee8f2;border-radius:6px;color:#6c587b}.resume-button:hover{background:#e5dceb}.name-dot,.title-dot{color:#b39155}.intro-row h2{font-size:32px}.intro-number{display:none}.eyebrow{letter-spacing:1px;color:#91806a}.intro-copy{line-height:1.8}.interaction-studio{border-radius:10px;background:#f0edf4;border-color:#dfd8e7}.studio-symbol{color:#8c7aa3}.studio-tabs button{border-radius:5px;border-color:#cfc4dd}.studio-tabs button:hover,.studio-tabs button[aria-expanded=true]{background:#857393;border-color:#857393}.workflow-body{background:#fcfaf6}.workflow-nodes button>span{background:#f0edf4}.workflow-nodes button[aria-pressed=true]>span{background:#857393;border-color:#857393}.card-image{border-radius:8px}.card-index{border-radius:4px;color:#796442}.card-note{color:#897040}.card-heading h3{font-size:14px}.card-meta{line-height:1.6}.card-save{color:#8f713c}.gallery-end{color:#766553}.about-section{max-width:1256px;margin:64px auto 0;padding:45px 5% 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:35px 60px;scroll-margin-top:30px}.about-heading h2{font-size:34px;line-height:1.4;font-weight:500;margin:0 0 20px}.about-heading>p:last-child,.about-body>p{font-size:13px;line-height:2;color:#716e75;margin:0;max-width:49ch}.about-body>p{max-width:none}.experience-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.experience-notes>div{border-top:2px solid #d5c6ae;padding-top:11px}.experience-notes>div:nth-child(2){border-color:#c6b7d2}.experience-notes>div:nth-child(3){border-color:#aec4c8}.experience-notes span{font-size:12px;font-weight:600;color:#685e6f}.experience-notes p{font-size:11px;line-height:1.9;color:#79757c;margin:8px 0}.about-resumes{grid-column:1/-1;background:#f0ebe3;border:1px solid #e4dace;border-radius:14px;padding:25px 28px}.about-resumes h3{font-size:17px;font-weight:500;margin:0 0 5px}.about-resumes>div>p{font-size:11px;color:#847b71;margin:0}.resume-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:21px}.resume-grid button{position:relative;padding:17px 14px;background:#fcfaf6;border:1px solid #e5dfd6;border-radius:8px;text-align:left;transition:transform .2s,box-shadow .2s}.resume-grid button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #72644b0c}.resume-grid strong{display:block;font-size:12px;font-weight:500;margin:9px 0}.resume-grid span{font-size:10px;color:#85808a;display:block}.resume-grid i{display:block;width:7px;height:7px;border-radius:50%;background:var(--aigc)}.resume-grid [data-resume-entry=team] i{background:var(--team)}.resume-grid [data-resume-entry=tools] i{background:var(--tools)}.resume-grid [data-resume-entry=landscape] i{background:var(--landscape)}.about-contact{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7d7483;padding-bottom:28px;border-bottom:1px solid var(--line)}.about-contact button{font-size:12px;color:#5c7180}.site-footer{max-width:1256px;margin:auto;padding:25px 5%}.project-dialog,.info-dialog{border-radius:12px}.dialog-sticky{background:#faf7f1}.detail-facts{border-color:#e0d7c9}.detail-cover,.detail-gallery button{border-radius:6px}.info-content h2{color:#655371}.resume-preview{background:#eee8f1;border-radius:7px}.resume-choice[aria-expanded=true]{color:#806496}
@media(max-width:1000px){.cat-hero{gap:20px;padding:25px 5% 30px}.cat-hero h2{font-size:40px}.cat-companion img{height:310px}.hero-directions{gap:10px}.hero-directions button{font-size:10px}.about-section{gap:28px}.experience-notes{gap:12px}}
@media(max-width:760px){.site-header{height:72px}.cat-hero{display:flex;flex-direction:column;align-items:stretch;padding:24px 6% 30px;gap:28px}.cat-hero h2{font-size:36px;letter-spacing:-1px;margin-bottom:17px}.cat-kicker{font-size:10px;margin-bottom:17px}.cat-lead{font-size:12px;margin-bottom:20px}.cat-stage{max-width:480px;align-self:center;width:100%;border-radius:110px 110px 18px 18px;padding:18px 13px 16px}.cat-companion img{height:300px}.hero-directions{gap:12px;max-width:none}.hero-directions button{font-size:9px}.cat-greeting{right:12px;top:55px}.profile{padding-left:13px}.profile-monogram{font-size:25px}.intro-row h2{font-size:28px}.card-heading h3{font-size:11px}.about-section{display:block;margin-top:40px;padding:30px 6% 0}.about-heading h2{font-size:28px}.about-heading>p:last-child,.about-body>p{font-size:12px}.about-body{margin-top:22px}.experience-notes{gap:12px}.experience-notes p{font-size:10px}.about-resumes{margin-top:25px;padding:20px 16px}.about-resumes h3{font-size:15px}.resume-grid{grid-template-columns:1fr 1fr;gap:9px}.resume-grid button{padding:12px}.resume-grid strong{font-size:11px}.resume-grid span{font-size:9px}.about-contact{margin-top:25px;font-size:10px;gap:12px}.about-contact button{font-size:10px;white-space:nowrap}.site-footer{padding:20px 6%;font-size:8px}.project-dialog{border-radius:0}.hero-actions{gap:18px}.hero-primary{padding:11px 14px;font-size:11px}.hero-resume{font-size:11px}}

.cat-hero .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:610px;align-items:stretch}
.cat-hero .hero-actions>a,.cat-hero .hero-actions>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:48px;padding:12px 15px;border:0;border-radius:7px;color:#fff;font-size:12px;line-height:1.35;text-align:left;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.cat-hero .hero-actions>a:hover,.cat-hero .hero-actions>button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px #38334222;filter:saturate(1.08)}
.cat-hero .hero-actions>a:focus-visible,.cat-hero .hero-actions>button:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.cat-hero .hero-primary{background:#536e75}
.cat-hero .hero-resume{background:#7b688d}
.cat-hero .hero-contact{background:#ad754d}
.cat-hero .hero-actions span{flex:0 0 auto;font-size:14px}
@media(max-width:760px){.cat-hero .hero-actions{gap:7px;max-width:none}.cat-hero .hero-actions>a,.cat-hero .hero-actions>button{min-height:46px;padding:10px 9px;font-size:10px;gap:5px}.cat-hero .hero-actions span{font-size:12px}}
@media(max-width:380px){.cat-hero .hero-actions{grid-template-columns:1fr}.cat-hero .hero-actions>a,.cat-hero .hero-actions>button{min-height:44px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.cat-companion:hover img,.resume-grid button:hover{transform:none}}