:root{--ink:#171717;--paper:#f5f0e5;--white:#fffdf7;--blue:#2855e7;--red:#ef583f;--acid:#d9ff5b;--muted:#69665f;--line:#beb9ae;--pad:clamp(20px,4.7vw,72px);--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}button{font:inherit}.skip{position:fixed;top:-100px;left:15px;background:#fff;padding:10px 15px;z-index:20}.skip:focus{top:15px}.personal-header{max-width:var(--max);margin:auto;padding:20px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.sunny-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.05em}.sunny-brand span{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);background:var(--acid);font-family:Georgia,serif;font-style:italic}.personal-header nav{display:flex;align-items:center;gap:28px}.personal-header nav a{text-decoration:none;font-size:13px;font-weight:700}.market-cta{background:var(--blue);color:#fff;padding:11px 15px}.menu{display:none;background:var(--paper);border:2px solid var(--ink);padding:8px 12px}.mono{font:700 10px/1.4 'Courier New',monospace;letter-spacing:.13em;text-transform:uppercase}.sunny-hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.45fr .55fr;gap:6vw;padding:clamp(70px,9vw,135px) var(--pad);align-items:end}.sunny-hero h1,.personal-page-hero h1,.personal-case h1,.not-found h1{font:400 clamp(58px,8vw,122px)/.91 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:22px 0 30px;max-width:1100px}.sunny-hero>div>p:not(.mono){font-size:clamp(17px,1.6vw,22px);max-width:710px;color:var(--muted)}.sunny-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.sunny-actions>a:not(.sunny-button){font-weight:700;font-size:13px}.sunny-button{display:inline-flex;background:var(--blue);color:#fff;padding:15px 20px;text-decoration:none;border:2px solid var(--blue);font-weight:800;font-size:13px}.sunny-button:hover{background:var(--ink);border-color:var(--ink)}.sunny-hero aside{border:2px solid var(--ink);background:var(--white);padding:28px;transform:rotate(2deg);box-shadow:10px 10px 0 var(--red)}.sunny-hero aside span{font:700 10px 'Courier New',monospace;text-transform:uppercase}.sunny-hero aside b{display:block;font:400 120px/.9 Georgia,serif;color:var(--blue);margin:24px 0}.sunny-hero aside p{font-size:13px}.ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:30px;padding:17px var(--pad);overflow:hidden;background:var(--acid);font:700 11px 'Courier New',monospace;text-transform:uppercase;white-space:nowrap}.personal-work,.capability-preview,.personal-page-hero,.skill-list,.personal-about,.personal-case,.not-found{max-width:var(--max);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.personal-work{padding-top:clamp(90px,11vw,160px);padding-bottom:clamp(90px,11vw,160px)}.personal-work>header{display:grid;grid-template-columns:.6fr 1.4fr;margin-bottom:70px}.personal-work>header h2,.capability-preview h2,.personal-about h2{font:400 clamp(45px,6vw,88px)/.98 Georgia,serif;letter-spacing:-.05em;margin:0}.personal-projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.personal-project{border:2px solid var(--ink);background:var(--white)}.personal-project:nth-child(even){margin-top:80px}.project-art{height:clamp(280px,32vw,480px);display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}.project-art:before{content:'';position:absolute}.project-art span{font:italic 400 clamp(80px,12vw,170px) Georgia,serif;z-index:1}.art-asteron{background:#cdd8de;color:#13394c}.art-asteron:before{width:63%;height:63%;border:2px solid #13394c;transform:rotate(-9deg)}.art-luma{background:#c8e9df;color:#126570}.art-luma:before{width:180px;height:180px;background:#fff8;border-radius:50%}.art-nori{background:#ff7d55;color:#40190e}.art-nori:before{width:65%;height:65%;border-radius:50%;background:#ffe49c}.art-arc{background:#d9d2c3;color:#303a34}.art-arc:before{inset:15% 22%;border:30px solid #303a34;border-right-width:2px}.project-image{overflow:hidden;background:#dedbd3}.project-image img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}.personal-project>.project-image{border-bottom:2px solid var(--ink)}.personal-project>div:last-child{padding:26px}.personal-project h3{font:400 46px Georgia,serif;letter-spacing:-.05em;margin:12px 0}.personal-project p:not(.mono){color:var(--muted)}.personal-project a{font-size:13px;font-weight:800;text-decoration:none}.capability-preview{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:clamp(90px,11vw,160px);padding-bottom:clamp(90px,11vw,160px);border-top:2px solid var(--ink)}.capability-preview article{padding:20px 0;border-top:1px solid var(--line)}.capability-preview h3{font-size:21px;margin:0 0 7px}.capability-preview article p{color:var(--muted);margin:0}.capability-preview>div:last-child>a{display:inline-block;margin-top:30px;font-weight:800}.marketplace-band{background:var(--blue);color:#fff;text-align:center;padding:clamp(80px,11vw,150px) var(--pad);border-top:2px solid var(--ink)}.marketplace-band h2{font:italic 400 clamp(70px,10vw,150px)/.9 Georgia,serif;letter-spacing:-.06em;margin:20px 0}.marketplace-band>p:not(.mono){font-size:clamp(17px,2vw,24px)}.marketplace-band .safe-note{font-size:11px!important;opacity:.75;max-width:650px;margin:35px auto 0}.personal-footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.5fr 1fr 1fr;gap:40px;padding:50px var(--pad);border-top:2px solid var(--ink);font-size:12px}.personal-page-hero{padding-top:clamp(80px,10vw,150px);padding-bottom:clamp(80px,10vw,140px);border-bottom:2px solid var(--ink)}.personal-page-hero>p:last-child{font-size:20px;max-width:760px;color:var(--muted)}.personal-work.listing{padding-top:70px}.skill-list{padding-top:60px;padding-bottom:130px}.skill-list article{display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;padding:32px 0;border-bottom:2px solid var(--ink);align-items:start}.skill-list span{font:700 10px 'Courier New',monospace;color:var(--blue)}.skill-list h2{font:400 clamp(30px,3.5vw,54px) Georgia,serif;margin:0;letter-spacing:-.04em}.skill-list p{color:var(--muted);margin:0}.personal-about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:100px;padding-bottom:140px}.personal-about>div:last-child{font-size:18px;color:var(--muted)}.personal-case{padding-top:clamp(80px,10vw,145px);padding-bottom:clamp(80px,10vw,145px)}.personal-case>header{max-width:1000px;margin-bottom:60px}.personal-case>header>p:not(.mono){font-size:20px;max-width:700px;color:var(--muted)}.personal-case>.project-image{border:2px solid var(--ink)}.personal-case>section{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:2px solid var(--ink);margin-top:-2px}.personal-case>section>div{background:var(--paper);padding:28px}.personal-case ul{padding-left:18px}.personal-case li{margin:9px 0;color:var(--muted)}.personal-screens{display:grid;grid-template-columns:1.5fr .5fr;gap:22px;margin-top:70px;align-items:start}.personal-screens .project-image{border:2px solid var(--ink)}.personal-screens .project-image:last-child img{aspect-ratio:390/844}.personal-case>aside{margin-top:40px;padding:24px;border:2px solid var(--ink);background:var(--acid);display:grid;grid-template-columns:180px 1fr;gap:30px}.personal-case>aside p{margin:0}.not-found{min-height:70vh;padding-top:120px;padding-bottom:120px}.not-found>p:not(.mono){font-size:18px;color:var(--muted);max-width:600px}.error-page .personal-footer{border-top:2px solid var(--ink)}@media(max-width:850px){.personal-header{position:relative}.menu{display:block}.personal-header nav{display:none;position:absolute;z-index:10;left:20px;right:20px;top:80px;background:var(--paper);border:2px solid var(--ink);padding:14px;flex-direction:column;align-items:stretch;gap:0}.personal-header nav[data-open='true']{display:flex}.personal-header nav a{padding:12px}.sunny-hero{grid-template-columns:1fr}.sunny-hero aside{max-width:380px}.personal-work>header,.capability-preview,.personal-about{grid-template-columns:1fr;gap:35px}.personal-projects{grid-template-columns:1fr}.personal-project:nth-child(even){margin-top:0}.personal-footer{grid-template-columns:1fr}.skill-list article{grid-template-columns:50px 1fr}.skill-list article p{grid-column:2}.personal-case>section{grid-template-columns:1fr}.personal-screens{grid-template-columns:1fr}.personal-screens .project-image:last-child{max-width:390px}.personal-case>aside{grid-template-columns:1fr}}@media(max-width:520px){.sunny-hero h1,.personal-page-hero h1,.personal-case h1,.not-found h1{font-size:53px}.sunny-actions{align-items:flex-start;flex-direction:column}.sunny-hero aside{box-shadow:7px 7px 0 var(--red)}.sunny-hero aside b{font-size:90px}.personal-project h3{font-size:38px}.skill-list article{grid-template-columns:1fr;gap:10px}.skill-list article p{grid-column:auto}.personal-case>section>div{padding:22px}.ticker{justify-content:flex-start}}