:root{--ink:#17231d;--cream:#f5f0e6;--paper:#fffdf8;--lime:#c8ff3d;--coral:#8f1838;--blue:#4f63ff;--line:rgba(23,35,29,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.section-pad{padding:110px max(5vw,32px)}.site-header{position:fixed;z-index:50;top:0;width:100%;height:78px;padding:0 max(5vw,32px);display:flex;align-items:center;gap:42px;background:rgba(245,240,230,.88);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line)}.logo{font-family:"DM Serif Display";font-size:27px}.logo span{color:var(--coral)}nav{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--coral);transition:.2s}nav a:hover:after{width:100%}.nav-cta,.button{display:inline-flex;align-items:center;gap:20px;font-weight:700}.nav-cta span,.button span{font-size:18px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100vh;padding-top:155px;display:grid;grid-template-columns:1.08fr .72fr;align-items:center;gap:7vw;position:relative}.eyebrow,.section-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#59ae51;margin-right:8px;box-shadow:0 0 0 4px rgba(89,174,81,.15)}h1,h2{font-family:"DM Serif Display";font-weight:400;line-height:.94;margin:20px 0}h1{font-size:clamp(58px,7vw,112px);letter-spacing:-.045em}h1 em,h2 em{color:var(--coral);font-weight:400}.scribble{position:relative}.scribble:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M2 7 Q 50 0 100 6 T198 3' stroke='%238f1838' fill='none' stroke-width='4'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-dek{font-size:18px;line-height:1.6;max-width:580px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:35px}.button{padding:16px 24px;background:var(--ink);color:white}.button:hover{background:var(--coral)}.text-link{font-weight:700;border-bottom:1px solid}.hero-visual{position:relative;max-width:520px}.portrait-frame{height:min(67vh,670px);border-radius:48% 48% 6px 6px;overflow:hidden;background:#ddd}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.88)}.sticker{position:absolute;z-index:2}.sticker-top{right:-28px;top:9%;background:var(--lime);width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:700;transform:rotate(10deg)}.sticker-top strong{font-size:30px;line-height:.7}.sticker-bottom{left:-50px;bottom:10%;background:var(--coral);color:#fff;padding:18px 26px;transform:rotate(-6deg);font-size:15px}.sticker-bottom em{font-family:"DM Serif Display";font-size:25px}.orbit{position:absolute;width:125px;height:125px;right:-40px;bottom:-25px;animation:spin 16s linear infinite}.orbit text{font-size:8px;letter-spacing:1px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.scroll-note{position:absolute;bottom:30px;left:max(5vw,32px);writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.15em}.scroll-note span{margin-top:8px}.marquee{background:var(--ink);color:var(--cream);padding:17px 0;overflow:hidden;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee-track{display:flex;gap:30px;white-space:nowrap;font-weight:700;letter-spacing:.1em;animation:marquee 22s linear infinite}.marquee b{color:var(--lime)}@keyframes marquee{to{transform:translateX(-50%)}}.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:70px}.section-kicker:after{content:"";height:1px;background:currentColor;opacity:.25;flex:1}.section-kicker span{border:1px solid currentColor;border-radius:50%;padding:8px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2,.skills h2,.section-title-row h2,.concept-intro h2,.personality h2,.contact h2{font-size:clamp(48px,6.3vw,90px);letter-spacing:-.035em}.about-copy{padding-top:24px}.about-copy p{line-height:1.75}.about-copy .lead{font-size:22px;line-height:1.5}.quick-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.quick-facts span,.tags span,.job li{padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:600}.skills{background:var(--ink);color:var(--cream)}.skills-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.skills-head p{max-width:360px;line-height:1.6}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.18)}.skill-card{padding:30px;min-height:390px;border-right:1px solid rgba(255,255,255,.18);position:relative;transition:.3s}.skill-card:last-child{border:0}.skill-card:hover{background:var(--lime);color:var(--ink);transform:translateY(-8px)}.skill-num{font-size:11px}.skill-icon{font-family:"DM Serif Display";font-size:55px;margin:55px 0 25px;color:var(--lime)}.skill-card:hover .skill-icon{color:var(--coral)}.skill-card h3{font-family:"DM Serif Display";font-size:35px;margin:0}.skill-card p{font-size:14px;line-height:1.6;opacity:.8}.tags{display:flex;flex-wrap:wrap;gap:5px;position:absolute;bottom:25px}.tags span{border-color:rgba(255,255,255,.3)}.skill-card:hover .tags span{border-color:var(--line)}.section-title-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-title-row p{line-height:1.6}.timeline{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:100px 1fr 140px;gap:50px;padding:45px 0;border-bottom:1px solid var(--line);align-items:start}.job-date{font-family:"DM Serif Display";font-size:20px}.job-company{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.job h3{font-family:"DM Serif Display";font-size:34px;margin:6px 0 12px}.job-main>p{max-width:700px;line-height:1.6}.job ul{display:flex;gap:6px;list-style:none;padding:10px 0 0}.job-mark{width:90px;height:90px;background:var(--lime);border-radius:50%;display:grid;place-content:center;font-family:"DM Serif Display";font-size:45px;transform:rotate(8deg)}.job-stat{text-align:right}.job-stat strong{display:block;font-family:"DM Serif Display";font-size:48px;color:var(--coral)}.job-stat span{font-size:11px}.work{background:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px}.project-featured{grid-column:1/-1}.project-art{height:430px;position:relative;overflow:hidden;padding:35px;transition:.35s}.project:hover .project-art{transform:translateY(-6px)}.project-featured .project-art{height:560px}.micro-label{font-size:10px;letter-spacing:.15em;font-weight:700}.art-ai{background:var(--blue);color:white;display:flex;align-items:center;justify-content:center}.art-ai strong{font-family:"DM Serif Display";font-size:clamp(55px,7vw,110px);line-height:.9;z-index:2}.art-ai em{color:var(--lime);font-weight:400}.signal-lines{position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 50%,transparent 0 25px,rgba(255,255,255,.12) 26px 28px)}.art-ai .micro-label{position:absolute;top:35px;left:35px}.project-arrow{position:absolute;right:35px;bottom:35px;font-size:40px}.art-seo{background:var(--lime)}.search-bar{background:white;padding:17px;border-radius:30px;margin:60px auto 20px;max-width:350px}.search-bar b{float:right}.metric{font-family:"DM Serif Display";font-size:125px;text-align:center;line-height:1}.metric span{font-size:55px;color:var(--coral)}.art-seo>p,.art-edu>p{text-align:center}.art-edu{background:var(--coral);color:#fff;text-align:center}.people{display:flex;justify-content:center;gap:10px;margin:60px 0 20px}.people i{width:35px;height:65px;background:var(--cream);border-radius:20px 20px 5px 5px}.art-edu strong{font-family:"DM Serif Display";font-size:105px;line-height:1}.art-edu strong span{font-size:25px}.project-info{display:flex;justify-content:space-between;padding-top:20px}.project-info p{font-size:10px;letter-spacing:.12em}.project-info h3{font-family:"DM Serif Display";font-size:28px;margin:5px 0}.project-info>span{font-size:11px;margin-top:16px}.concepts{background:#e8e0ff}.concept-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.concept-intro p{max-width:380px;line-height:1.6}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.concept-card{min-height:620px;padding:35px;position:relative;overflow:hidden}.concept-label{font-size:10px;letter-spacing:.14em;font-weight:700}.tennis{background:#d9ff61}.tennis-ball{width:240px;height:240px;border-radius:50%;background:#e8ff90;margin:35px auto -15px;display:grid;place-content:center;text-align:center;font-family:"DM Serif Display";font-size:48px;line-height:.8;transform:rotate(-10deg);box-shadow:inset -18px -12px 0 rgba(0,0,0,.05)}.tennis-ball:after{content:"";position:absolute;width:210px;height:75px;border-top:4px solid white;border-radius:50%;transform:translate(-58px,-60px) rotate(20deg)}.music{background:#202020;color:#fff}.record{width:240px;height:240px;border-radius:50%;margin:35px auto -15px;background:repeating-radial-gradient(circle,#161616 0 8px,#333 9px 10px);display:grid;place-content:center;animation:spin 12s linear infinite}.record span{width:80px;height:80px;border-radius:50%;background:var(--coral);display:grid;place-content:center;text-align:center;font-size:11px}.soundwave{text-align:center;color:var(--lime);letter-spacing:5px}.concept-copy{position:absolute;bottom:35px;left:35px;right:35px}.concept-copy>p:first-child{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.concept-copy h3{font-family:"DM Serif Display";font-size:45px;line-height:.95;margin:10px 0}.concept-copy h3 em{color:var(--coral);font-weight:400}.concept-desc{max-width:450px;font-size:14px;line-height:1.5}.fake-link{font-size:12px;font-weight:700;border-bottom:1px solid}.personality{background:var(--cream)}.personality-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.personal-copy>p{line-height:1.7}.handwritten{font-family:"DM Serif Display";font-style:italic;color:var(--coral);font-size:22px}.score-card{background:var(--ink);color:white;padding:30px;transform:rotate(2deg);box-shadow:16px 16px 0 var(--coral)}.score-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.2)}.track{display:grid;grid-template-columns:35px 1fr 30px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15)}.track b{color:var(--lime)}.track span{display:grid}.track small{opacity:.5;margin-top:5px}.track i{font-size:10px;font-style:normal}.player{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:28px}.player button{border:0;background:none;color:white}.player .play{width:45px;height:45px;background:var(--lime);color:var(--ink);border-radius:50%}.contact{text-align:center;background:var(--coral);color:var(--ink)}.contact .eyebrow{margin-bottom:30px}.contact h2 em{color:var(--cream)}.contact-email{display:inline-flex;gap:30px;font-size:clamp(20px,3vw,40px);font-weight:600;border-bottom:2px solid;padding-bottom:8px;margin:35px}.contact-bottom{display:flex;justify-content:center;gap:40px;margin-top:60px;font-size:12px}footer{background:var(--ink);color:white;padding:22px max(5vw,32px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:rgba(200,255,61,.12);filter:blur(50px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
@media(max-width:900px){.section-pad{padding:85px 24px}nav,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:6px}.site-header.open nav{display:flex;position:absolute;top:77px;left:0;right:0;background:var(--cream);padding:30px;flex-direction:column;font-size:18px}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{z-index:2}.hero-visual{width:76%;margin:-25px 0 40px auto}.portrait-frame{height:560px}.scroll-note{display:none}.about-grid,.personality-grid{grid-template-columns:1fr;gap:35px}.skill-grid{grid-template-columns:1fr 1fr}.skill-card:nth-child(2){border-right:0}.skill-card{border-bottom:1px solid rgba(255,255,255,.18)}.skills-head,.section-title-row,.concept-intro{display:block}.job{grid-template-columns:65px 1fr}.job-stat,.job-mark{display:none}.project-grid,.concept-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-art,.project-featured .project-art{height:450px}.contact-bottom{flex-wrap:wrap}.concept-card{min-height:590px}}
@media(max-width:560px){h1{font-size:54px}.hero{display:block}.hero-visual{width:88%;margin-top:60px}.portrait-frame{height:470px}.sticker-top{right:-15px}.sticker-bottom{left:-25px}.skill-grid{grid-template-columns:1fr}.skill-card{border-right:0}.job{grid-template-columns:1fr;gap:10px}.job ul{flex-wrap:wrap}.project-info{display:block}.project-info>span{display:block}.project-art,.project-featured .project-art{height:400px}.art-ai strong{font-size:52px}.metric{font-size:100px}.concept-card{padding:25px}.concept-copy{left:25px;right:25px}.contact-bottom{flex-direction:column;gap:15px}.contact-email{font-size:18px;margin:25px 0}footer{gap:20px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.marquee-track,.record,.orbit{animation:none}}