@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#242424;--purple:#e5e2ff;--accent:#7770b7;--cream:#fffdf7;--yellow:#ffe59a;--line:2px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,h4,.brand{font-family:Manrope,sans-serif;line-height:1.17;letter-spacing:-.045em}h1{font-size:clamp(44px,4.9vw,70px);font-weight:800;margin:28px 0}h2{font-size:clamp(34px,3.3vw,48px);margin:20px 0 25px;font-weight:800}h3{font-size:25px;margin:24px 0 14px}h4{font-size:21px;margin:12px 0}p{margin:0 0 22px}a{color:inherit;text-decoration:none}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #6b47b8;outline-offset:7px}.wrap{max-width:1180px;margin:auto;padding:0 32px}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:var(--line);position:sticky;top:0;z-index:10}.brand{font-size:34px;font-weight:800;letter-spacing:-2px}.brand span{display:inline-block;margin-left:5px;font-size:28px;color:var(--accent)}nav{display:flex;gap:32px;font-weight:700;font-size:15px}nav a:hover,nav a.active{color:#7569ae}.social{border:var(--line);border-radius:9px;padding:3px 11px;font-weight:bold;box-shadow:0 3px 0 var(--ink)}.menu{display:none}.hero{background:var(--purple);border-bottom:var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:55px;min-height:675px;padding-top:70px;padding-bottom:75px}.pill{display:inline-block;background:var(--yellow);border:var(--line);border-radius:30px;padding:5px 17px;font-size:12px;font-weight:800;letter-spacing:.05em}.intro{font-size:20px;max-width:550px;line-height:1.7;margin:32px 0}.underline{position:relative;white-space:nowrap}.underline:after{content:'';height:7px;border-top:3px solid var(--accent);border-bottom:2px solid var(--accent);position:absolute;bottom:-9px;left:0;right:0;transform:rotate(-2deg)}.button{display:inline-flex;gap:32px;align-items:center;padding:15px 24px;border:var(--line);border-radius:8px;background:white;box-shadow:0 5px 0 var(--ink);font-weight:700;font-size:16px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.button span{font-size:24px;line-height:1}.location{font-size:12px;margin-top:29px;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;background:#474236;border-radius:50%}.portrait-area{position:relative;padding:20px 0 0}.portrait-frame{border:var(--line);border-radius:220px 220px 15px 15px;background:#b4a7cc;overflow:hidden;transform:rotate(3deg);box-shadow:9px 10px 0 #c7bfe9}.portrait-frame img{display:block;width:100%;height:385px;object-fit:cover;image-rendering:auto}.portrait-caption{padding:19px 20px;background:#fffdf6;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700}.star{position:absolute;top:-17px;left:-42px;background:var(--yellow);border:var(--line);width:147px;height:147px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45;font-size:12px;font-weight:800;transform:rotate(-15deg);border-radius:42% 16% 40% 18%;box-shadow:3px 3px 0 var(--ink)}.spark{position:absolute;right:-39px;top:50px;font-size:65px}.waves{position:absolute;right:-50px;bottom:40px;width:110px;fill:none;stroke:var(--ink);stroke-width:2}.ribbon{display:flex;justify-content:space-evenly;align-items:center;gap:24px;padding:24px;background:var(--yellow);border-bottom:var(--line);font-size:21px}.ribbon span{font-size:12px;letter-spacing:.12em;font-weight:700}.section{padding:100px 0;border-bottom:var(--line);scroll-margin-top:0}.cream{background:var(--cream)}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800}.section-heading{text-align:center;max-width:670px;margin:0 auto 55px}.section-heading p{max-width:470px;margin:auto;color:#62605f}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.expertise-grid article p{font-size:16px;color:#5f5e5b}.icon{border:var(--line);width:68px;height:68px;display:grid;place-items:center;font-size:38px;border-radius:18px;box-shadow:3px 3px 0 var(--ink)}.lavender{background:var(--purple)}.yellow{background:var(--yellow)}.pink{background:#f4d5df}.tag{font-size:10px;letter-spacing:.1em;font-weight:700}.about{background:white}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.about p{font-size:16px;color:#605f5e}.about p.lead{font-size:20px;color:var(--ink)}.about-art{background:#f4dce1;border:var(--line);border-radius:14px;padding:30px 35px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-2deg)}.diagram{text-align:center;padding:30px 0 10px}.diagram>div{padding:16px;background:var(--cream);border:var(--line);border-radius:9px;font-size:15px}.diagram>span{font-size:32px;display:block;line-height:1.5}.diagram .diagram-main{background:var(--yellow);font-family:Manrope;font-weight:800;font-size:30px;text-align:left;padding:22px;position:relative}.diagram-main span{position:absolute;right:20px;top:25px;font-size:47px}.art-note{font-size:12px}.text-link{display:inline-block;border-bottom:2px solid var(--ink);font-weight:700;font-size:14px;padding-bottom:5px;margin-top:10px}.experience-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.experience-intro>p{color:#666;max-width:300px}.experience-stamp{margin-top:40px;display:flex;align-items:center;gap:22px}.experience-stamp b{font:800 80px Manrope;letter-spacing:-6px}.experience-stamp span{font-size:11px;letter-spacing:.09em;font-weight:700;line-height:1.7}.timeline{border-left:2px solid var(--ink);padding-left:35px}.timeline article{position:relative;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #d8d4cf}.timeline article:last-child{margin-bottom:0;padding-bottom:0;border:0}.timeline article:before{content:'';position:absolute;left:-44px;top:5px;width:14px;height:14px;border:var(--line);border-radius:50%;background:var(--yellow)}time,small{font-size:10px;font-weight:700;letter-spacing:.09em}.timeline h3{font-size:24px;margin:10px 0}.timeline p{font-size:14px;color:#65615d;margin:0}.role-note{display:inline-block;margin-top:15px;background:var(--purple);padding:3px 11px;border-radius:20px;font-size:11px}.learning{background:#f2f1e9}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:40px}.learning-grid h3{padding-bottom:20px;border-bottom:var(--line);display:flex;justify-content:space-between}.learning article{padding:20px 0;border-bottom:1px solid #cbc9c1}.learning article:last-child{border:0}.learning article p{font-size:14px;color:#65615d;margin:0}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.chips span{font-size:12px;padding:5px 12px;border:1px solid var(--ink);border-radius:20px}.contact{background:var(--purple);position:relative;overflow:hidden}.contact .wrap{position:relative}.contact h2{font-size:clamp(40px,5vw,68px);max-width:850px}.contact p{max-width:500px;margin:35px 0}.contact-spark{position:absolute;right:30px;top:80px;font-size:190px;color:#8e80bc;line-height:1}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px!important;padding-bottom:28px!important}footer p,footer>a:last-child{font-size:11px;margin:0}.skip{position:fixed;top:-100px;left:20px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}@media(min-width:1500px){.hero-grid{min-height:740px}}@media(max-width:950px){nav{gap:18px}.hero-grid{gap:35px;min-height:600px}.hero h1{font-size:48px}.portrait-frame img{height:320px}.star{width:115px;height:115px;font-size:10px;left:-20px}.spark{right:-15px}.waves{right:-20px}.about-grid{gap:40px}.experience-grid{gap:45px}.expertise-grid{gap:25px}.contact-spark{font-size:120px;top:150px}}@media(max-width:700px){header{height:76px;padding:0 23px}.brand{font-size:29px}.social{margin-left:auto;margin-right:20px}.menu{display:block;border:var(--line);border-radius:6px;background:white;padding:5px 10px;font-size:18px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;border-bottom:var(--line);padding:24px;flex-direction:column;gap:18px}nav.open{display:flex}.wrap{padding:0 24px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:55px;gap:50px}.hero h1{font-size:clamp(37px,8.3vw,55px)}.intro{font-size:18px}.portrait-area{max-width:350px;width:85%;margin:0 auto}.portrait-frame img{height:310px}.spark{right:-35px}.star{left:-25px;top:0}.ribbon{flex-wrap:wrap;gap:12px 20px;padding:19px}.ribbon span{font-size:9px}.ribbon>span:nth-of-type(n+3){display:none}.section{padding:64px 0}.expertise-grid,.about-grid,.experience-grid,.learning-grid{grid-template-columns:1fr;gap:35px}.expertise-grid article{padding:12px 0 25px;border-bottom:1px solid #d7d2c9}.expertise-grid article:last-child{border:0}.section-heading{text-align:left;margin-bottom:35px}.about-art{max-width:400px;margin:0 8px 20px}.experience-stamp{margin-top:15px}.timeline{margin-left:9px}.learning-grid{gap:15px;margin-top:20px}.contact h2{font-size:40px}.contact-spark{font-size:65px;top:0;right:20px}.contact .pill{font-size:10px}footer{flex-wrap:wrap}footer p{order:3;width:100%}html{scroll-padding-top:76px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}