@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--ink:#151619;--cream:#f8f4ea;--paper:#fffdf7;--acid:#d8ff4f;--blue:#94c9ff;--pink:#ff7cac;--orange:#ff9a56;--violet:#be9cff;--line:#1516192e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:Space Grotesk,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 64px);margin-inline:auto}.nav{letter-spacing:.06em;justify-content:space-between;align-items:center;height:90px;font-family:DM Mono,monospace;font-size:11px;display:flex}.brand{letter-spacing:-.12em;padding-right:6px;font:700 33px/1 Space Grotesk,sans-serif}.brand span{color:#ec3d74}.nav-links{gap:28px;margin-left:110px;display:flex}.nav a{transition:opacity .2s}.nav a:hover{opacity:.56}.availability{align-items:center;gap:8px;display:flex}.availability i{background:#85c83c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #85c83c2e}.hero{min-height:665px;padding-top:110px;position:relative;overflow:visible}.hero-copy{z-index:2;max-width:650px;position:relative}.eyebrow,.section-number,.project-kicker{letter-spacing:.08em;margin:0;font:11px/1.4 DM Mono,monospace}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:currentColor;width:25px;height:1px;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-weight:700}h1{margin:27px 0 31px;font-size:clamp(67px,9.5vw,130px);line-height:.9}em{color:#e73c70;font-style:normal}.intro{max-width:430px;font-size:17px;line-height:1.55}.hero-actions{letter-spacing:.05em;align-items:center;gap:27px;margin-top:37px;font:11px DM Mono,monospace;display:flex}.button{align-items:center;gap:18px;padding:16px 19px;display:flex}.button-dark{background:var(--ink);color:var(--cream)}.arrow{font-family:Arial,sans-serif;font-size:18px;line-height:.5}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-art{background:#ffd0dc;width:430px;height:490px;position:absolute;top:88px;right:1.5%;overflow:visible}.hero-grid,.contact-grid{opacity:.42;background-image:linear-gradient(#15161929 1px,#0000 1px),linear-gradient(90deg,#15161929 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.sun{background:var(--acid);border-radius:50%;width:310px;height:310px;position:absolute;top:55px;left:80px}.hero-portrait{z-index:3;width:410px;filter:drop-shadow(13px 13px 0 var(--ink)) contrast(1.15) saturate(.78) sepia(.18) hue-rotate(325deg);position:absolute;bottom:-37px;left:12px}.hero-portrait img{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.art-note{z-index:5;letter-spacing:.05em;font:11px/1.1 DM Mono,monospace;position:absolute;bottom:35px;left:22px}.art-note strong{letter-spacing:-.06em;font-size:18px}.spark{z-index:5;font-size:33px;position:absolute}.spark-one{top:39px;left:32px}.spark-two{color:#e73c70;bottom:34px;right:30px}.hero-footer{letter-spacing:.06em;align-items:center;gap:24px;width:100%;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:32px;left:0}.hero-footer a{border-bottom:1px solid var(--ink);padding-bottom:3px}.hero-footer .arrow{font-size:14px}.hero-footer span{margin-left:auto}.hero-footer b{margin-left:8px;font-size:18px}.marquee{white-space:nowrap;background:var(--ink);color:var(--cream);letter-spacing:.06em;padding:15px 0 13px;font:11px DM Mono,monospace;overflow:hidden}.marquee div{min-width:max-content;animation:24s linear infinite marquee}.marquee i{color:var(--acid);margin:0 25px;font-size:15px;font-style:normal}@keyframes marquee{to{transform:translate(-25%)}}.section{padding-top:142px;padding-bottom:142px}.experience{grid-template-columns:.83fr 1.17fr;gap:80px;display:grid}.section-intro{padding-top:8px}.section-intro h2,.projects-heading h2,.toolkit h2,.contact h2{margin:26px 0;font-size:clamp(45px,5.2vw,72px);line-height:.87}.section-intro>p:last-child,.projects-heading>p:last-child,.toolkit-row>p{max-width:310px;font-size:15px;line-height:1.55}.experience-list{border-top:1px solid var(--ink)}.experience-card{border-bottom:1px solid var(--line);grid-template-columns:27px 36px 1fr 143px;column-gap:12px;padding:20px 0 22px;display:grid;position:relative}.card-dot{border:2px solid var(--ink);width:13px;height:13px;margin-top:3px}.lime{background:var(--acid)}.blue{background:var(--blue)}.pink{background:var(--pink)}.orange{background:var(--orange)}.violet{background:var(--violet)}.card-index,.period{margin:0;font:10px/1.45 DM Mono,monospace}.experience-title h3{margin:0 0 2px;font-size:20px}.experience-title p{margin:0;font-size:13px}.period{text-align:right}.period span{color:#747474}.experience-card ul{grid-column:3/5;margin:16px 0 0;padding-left:17px;font-size:13px;line-height:1.45}.projects{background:var(--blue);position:relative;overflow:hidden}.projects:after{content:"";border:3px solid var(--ink);border-radius:50%;width:245px;height:245px;position:absolute;top:75px;right:-60px}.projects-heading{z-index:1;grid-template-columns:1fr 1fr;column-gap:45px;display:grid;position:relative}.projects-heading .section-number{grid-column:1/-1}.projects-heading h2{margin-bottom:48px}.projects-heading>p:last-child{align-self:end;margin-bottom:53px}.project-carousel{z-index:1;position:relative}.project-stage{justify-content:center;align-items:center;height:410px;padding-inline:4%;display:flex;position:relative;overflow:hidden}.project-card{border:3px solid var(--ink);background:var(--paper);grid-template-columns:1.13fr .87fr;width:min(920px,82%);min-height:390px;transition:transform .4s cubic-bezier(.2,.9,.2,1),opacity .35s;display:grid;position:absolute}.project-card-active{z-index:3;transform:translate(0)scale(1);box-shadow:8px 8px #1516193d}.project-card-previous,.project-card-next{z-index:1;opacity:.92;cursor:pointer;width:min(850px,82%)}.project-card-previous{transform:translate(-47%)scale(.83)rotate(-2deg)}.project-card-next{transform:translate(47%)scale(.83)rotate(2deg)}.project-visual{background:var(--ink);min-height:390px;color:var(--ink);position:relative;overflow:hidden}.project-visual-acid{background:var(--acid)}.project-visual-pink{background:var(--pink)}.project-visual-violet{background:var(--violet)}.project-visual-grid{z-index:1;opacity:.55;background-image:linear-gradient(#15161938 1px,#0000 1px),linear-gradient(90deg,#15161938 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.project-image-link{z-index:1;display:block;position:absolute;inset:54px!important}.project-image{object-fit:contain;width:100%!important;height:100%!important}.project-visual.has-image .project-visual-grid{z-index:0}.visual-corner{z-index:2;border-color:var(--ink);border-style:solid;width:35px;height:35px;position:absolute}.top-left{border-width:3px 0 0 3px;top:18px;left:18px}.top-right{border-width:3px 3px 0 0;top:18px;right:18px}.bottom-left{border-width:0 0 3px 3px;bottom:18px;left:18px}.bottom-right{border-width:0 3px 3px 0;bottom:18px;right:18px}.visual-status,.visual-label,.visual-help{z-index:2;letter-spacing:.07em;margin:0;font:10px/1.25 DM Mono,monospace;position:absolute}.visual-status{top:23px;left:63px}.visual-label{text-align:right;font-size:12px;font-weight:500;bottom:22px;right:23px}.visual-help{border:2px solid var(--ink);background:var(--paper);text-align:center;width:max-content;padding:11px 14px;top:50%;left:50%;transform:translate(-50%,-50%)}.project-copy{flex-direction:column;padding:54px 45px 35px;display:flex}.project-copy h3{white-space:nowrap;margin:17px 0;font-size:clamp(34px,3.6vw,42px)}.project-title-link{transition:color .2s}.project-title-link:hover{color:#e73c70}.project-copy>p:not(.project-kicker){max-width:330px;font-size:15px;line-height:1.55}.tags{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tags span{border:1px solid var(--ink);padding:5px 8px;font:9px DM Mono,monospace}.carousel-controls{letter-spacing:.06em;justify-content:space-between;align-items:center;width:min(920px,82%);margin:19px auto 0;font:10px DM Mono,monospace;display:flex}.carousel-controls p{margin:0}.carousel-controls div{gap:7px;display:flex}.carousel-controls button{width:39px;height:35px;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;font:22px/1 Arial,sans-serif;transition:background .2s,color .2s}.carousel-controls button:hover{background:var(--ink);color:var(--cream)}.toolkit-row{justify-content:space-between;align-items:end;display:flex}.toolkit-row h2{margin-bottom:0}.toolkit-row>p{margin-bottom:6px}.skill-grid{border-top:2px solid var(--ink);border-left:2px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.skill-grid div{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);letter-spacing:-.05em;flex-direction:column;justify-content:space-between;height:116px;padding:17px;font-size:19px;font-weight:600;transition:background .2s;display:flex}.skill-grid div:hover{background:var(--acid)}.skill-grid span{font:10px DM Mono,monospace}.contact{background:var(--pink);min-height:670px;position:relative;overflow:hidden}.contact-grid{opacity:.42;background-size:34px 34px}.contact-content{padding-top:100px;position:relative}.contact-prompt{text-align:right;letter-spacing:.06em;font:11px/1.3 DM Mono,monospace;position:absolute;top:105px;right:5px}.contact h2{margin:27px 0 35px;font-size:clamp(59px,8vw,110px);line-height:.95}.email-link{border-bottom:2px solid var(--ink);letter-spacing:-.05em;align-items:center;gap:15px;padding-bottom:6px;font:clamp(14px,2vw,21px) DM Mono,monospace;display:inline-flex}.contact-bottom{border-top:1px solid var(--ink);letter-spacing:.04em;justify-content:space-between;padding-top:18px;font:10px/1.5 DM Mono,monospace;display:flex;position:absolute;top:525px;left:0;right:0}.contact-bottom p{margin:0}.contact-bottom div{gap:16px;display:flex}.contact-bottom a{border-bottom:1px solid var(--ink);height:min-content}@media (max-width:820px){.shell{width:min(100% - 40px,600px)}.nav{height:74px}.nav-links{display:none}.availability{font-size:9px}.hero{min-height:735px;padding-top:75px}.hero-art{transform-origin:100% 0;top:345px;right:-22px;transform:scale(.7)}.hero-portrait{width:410px}.hero-footer{bottom:25px}.hero-footer span{display:none}.experience{grid-template-columns:1fr;gap:38px}.section{padding:92px 0}.projects-heading{grid-template-columns:1fr}.projects-heading>p:last-child{margin:0 0 35px}.projects-heading h2{margin-bottom:25px}.project-stage{height:370px;padding:0}.project-card{grid-template-columns:1fr;width:100%;min-height:355px}.project-card-previous{transform:translate(-58%)scale(.8)rotate(-2deg)}.project-card-next{transform:translate(58%)scale(.8)rotate(2deg)}.project-visual{min-height:195px}.project-copy{min-height:160px;padding:27px 28px}.project-copy h3{margin:10px 0;font-size:34px}.project-copy>p:not(.project-kicker){font-size:13px}.project-copy .tags{display:none}.carousel-controls{width:100%;margin-top:14px}.toolkit-row{display:block}.toolkit-row>p{margin-top:25px}.skill-grid{grid-template-columns:repeat(2,1fr);margin-top:38px}.contact{min-height:610px}.contact-content{padding-top:78px}.contact-prompt{font-size:9px;top:84px}.contact-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid;top:470px}.contact-bottom p:last-child{grid-column:1/-1}.contact-bottom div{justify-content:end}}@media (max-width:500px){.hero-art{top:370px;right:-59px;transform:scale(.62)}.hero-footer{gap:16px}.hero-footer a{font-size:9px}.experience-card{grid-template-columns:22px 28px 1fr}.period{display:none}.experience-card ul{grid-column:3/4}.experience-title h3{font-size:18px}.experience-title p,.experience-card ul{font-size:12px}.contact h2{font-size:51px}.contact-prompt{display:none}.email-link{font-size:12px}.contact-bottom{top:460px}.marquee{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}*{transition:none!important}}