
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:light;--paper:#f3f0e7;--ink:#20251e;--green:#d3ed87;--orange:#ff844b}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.shell{max-width:1500px;margin:auto;padding:30px 5vw 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20251e33;padding-bottom:24px}.monogram{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-2px}.domain{font-size:12px;letter-spacing:.08em}.dot{width:8px;height:8px;background:#649437;border-radius:50%;display:inline-block;margin-right:8px}.hero{min-height:calc(100svh - 154px);display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:5vw;padding:65px 0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;display:flex;gap:12px;align-items:center}.eyebrow::before{content:'';height:1px;width:35px;background:currentColor}h1{font:600 clamp(66px,8.8vw,140px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:28px 0 32px}h1 span{display:block}.name{position:relative;z-index:0;white-space:nowrap}.name::after{content:'';position:absolute;left:-3px;bottom:0;width:97%;height:24%;background:var(--green);z-index:-1;transform:rotate(-2deg)}.bio{font-size:clamp(18px,1.8vw,25px);line-height:1.65;max-width:620px;margin:0}.art{position:relative;aspect-ratio:1/1.1;display:flex;align-items:center;justify-content:center}.sun{width:90%;aspect-ratio:1;border-radius:50%;background:var(--orange);position:absolute;box-shadow:inset 0 0 0 1px #20251e15}.sun::before,.sun::after{content:'';position:absolute;width:110%;height:35%;border:1px solid #20251e30;left:-5%;top:34%;border-radius:50%;transform:rotate(-28deg)}.sun::after{transform:rotate(28deg)}.face{position:relative;width:66%;aspect-ratio:1;border-radius:43% 45% 45% 44%;background:var(--green);border:3px solid var(--ink);transform:rotate(-9deg);box-shadow:12px 15px 0 #20251e;animation:bob 6s ease-in-out infinite}.glasses{position:absolute;left:10%;top:31%;width:80%;height:24%;display:flex;gap:8%;transform:rotate(3deg)}.lens{width:46%;background:var(--ink);border-radius:12% 12% 42% 42%;position:relative}.lens::after{content:'';position:absolute;left:20%;top:14%;height:12%;width:45%;background:#ffffff60;transform:rotate(-20deg)}.glasses::before{content:'';position:absolute;width:15%;height:15%;top:20%;left:43%;background:var(--ink)}.smile{position:absolute;width:40%;height:22%;border-bottom:5px solid var(--ink);border-radius:50%;left:32%;top:52%;transform:rotate(-10deg)}.spark{position:absolute;font-size:70px;right:0;top:1%;transform:rotate(12deg)}.spark.two{font-size:38px;left:0;top:auto;bottom:4%}.sticker{position:absolute;bottom:7%;right:-2%;background:var(--paper);border:1px solid var(--ink);border-radius:50%;height:100px;width:100px;display:grid;place-content:center;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6;transform:rotate(13deg)}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #20251e33;padding-top:22px;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.asterisk{font-size:18px;margin-right:8px;vertical-align:middle}@keyframes bob{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-5deg)}}@media(max-width:760px){.shell{padding:24px 7vw}.hero{grid-template-columns:1fr;gap:40px;padding:50px 0 36px}.art{width:min(85%,380px);justify-self:center}.bio{font-size:19px}h1{font-size:clamp(61px,13vw,98px)}footer{font-size:9px}.sticker{width:80px;height:80px;font-size:9px}.spark{font-size:50px}}@media(prefers-reduced-motion:reduce){.face{animation:none}}

.expertise{padding:65px 0 80px;border-top:1px solid #20251e33}.expertise h2{font:600 clamp(40px,6vw,82px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:25px 0}.expertise h2 em{font-style:normal;background:var(--green);padding:0 8px}.section-intro{font-size:17px;line-height:1.6;max-width:530px;margin-bottom:36px}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.expert-card{padding:28px;min-height:220px;border:1px solid #20251e;border-radius:5px;transition:transform .2s,box-shadow .2s}.expert-card:nth-child(3n+2){background:var(--green)}.expert-card:nth-child(3n){background:#ff844b33}.expert-card:hover{transform:translateY(-4px);box-shadow:5px 5px 0 var(--ink)}.expert-number{font-size:9px;letter-spacing:.11em;font-weight:700}.expert-card h3{font:500 25px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:30px 0 0;overflow-wrap:anywhere}.fine-print{font-size:11px;opacity:.65;margin-top:26px}@media(max-width:900px){.expert-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.expert-grid{grid-template-columns:1fr}.expert-card{min-height:180px}.expertise{padding:45px 0}.expert-card h3{font-size:24px}}
.portrait{margin:0;transform:rotate(2deg);position:relative}.portrait img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #20251e;box-shadow:10px 10px 0 var(--green)}.portrait figcaption{font-size:9px;letter-spacing:.12em;margin-top:22px;text-align:center}@media(max-width:760px){.portrait{width:90%;justify-self:center}}

.portrait-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-align:inherit}.portrait-button:focus-visible{outline:3px solid var(--ink);outline-offset:8px;border-radius:6px}.portrait-bubble{position:fixed;z-index:20;top:0;left:0;max-width:calc(100vw - 20px);padding:8px 11px;background:var(--green);border:1.5px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);font:700 14px/1.2 'Space Grotesk',sans-serif;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}.portrait-bubble.is-visible{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.portrait-bubble{transition:none}}
