:root{--ink:#171717;--paper:#f4f2ff;--accent:#b77bff;--secondary:#8eaaff;--muted:#b5b1c1;--line:#403d49;--blue:#3454f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--secondary);outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1380px;margin:auto;padding-left:64px;padding-right:64px}.header{display:flex;justify-content:space-between;align-items:center;min-height:110px;gap:24px}.wordmark{font-size:27px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.mark{color:var(--accent);font-size:46px;display:inline-block;line-height:0;vertical-align:-8px;margin-left:4px}.header nav{display:flex;gap:32px;align-items:center;font-size:14px}.header nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #72726b;padding:8px 20px;border-radius:30px}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;min-height:690px;padding-top:57px;padding-bottom:64px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font-family:'Courier New',monospace;font-size:12px;line-height:1.5;letter-spacing:1.3px;font-weight:700;margin:0 0 26px}.hero h1{font-size:clamp(48px,5.3vw,75px);letter-spacing:-4px;line-height:1.04;margin:0 0 28px;font-weight:900}.highlight{position:relative;color:var(--accent)}.highlight:after{content:'';position:absolute;bottom:-5px;left:0;height:5px;width:100%;background:var(--accent);transform:rotate(-3deg)}.outline{color:var(--ink);-webkit-text-stroke:1px var(--paper)}.hero-intro{max-width:445px;color:#d0ceda;font-size:17px;margin-bottom:27px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;font-size:14px;font-weight:700;padding:13px 24px;border:1px solid transparent;border-radius:4px;transition:transform .2s,background .2s;line-height:1.5}.button:hover{transform:translateY(-3px)}.accent{background:var(--accent);color:var(--ink)}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.ghost{border-color:#6f6f66}.hero-note{font-family:'Courier New',monospace;font-size:12px;color:var(--muted);margin-top:22px}.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center}.hero-art img{width:760px;max-width:none;position:absolute;right:-45px;mix-blend-mode:lighten}.sticker{position:absolute;right:-10px;top:33px;transform:rotate(9deg);padding:15px 17px;background:var(--accent);color:var(--ink);font-size:13px;line-height:1.3;font-weight:900;box-shadow:4px 4px 0 #111}.art-caption{position:absolute;bottom:9px;right:0;font:12px 'Courier New',monospace;color:var(--muted)}.ticker{overflow:hidden;background:var(--accent);color:var(--ink);border-block:1px solid var(--ink);transform:rotate(-1.5deg);margin:10px 0 0}.ticker>div{white-space:nowrap;display:flex;align-items:center;justify-content:space-around;gap:42px;padding:15px 25px;font-size:14px;font-weight:900;letter-spacing:1px}.ticker span{font-size:26px;line-height:1}.work{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading h2,.about h2{font-size:clamp(38px,4.2vw,57px);letter-spacing:-2.5px;line-height:1.08;margin:0;font-weight:800}.section-heading .eyebrow{color:var(--muted);margin-bottom:17px}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 4px;max-width:330px}.secondary-text{color:var(--secondary)}.project{border-radius:8px;overflow:hidden}.fitness{display:grid;grid-template-columns:1fr 1fr;background:#233dd3;min-height:530px}.project-copy{padding:36px}.project-meta{font-family:'Courier New',monospace;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;letter-spacing:.3px}.fitness .project-meta{flex-wrap:wrap}.status{border:1px solid #b9c2ff;border-radius:30px;padding:4px 8px;font-size:10px}.fitness h3{font-size:62px;line-height:1.05;letter-spacing:-2.5px;margin:36px 0 14px}.fitness h3>span{font-size:17px;vertical-align:top;line-height:2}.project-tagline{font-weight:700;margin:0 0 12px}.project-copy>p:not(.project-tagline){font-size:15px;max-width:375px;color:#e0e4ff}.project-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}.store-links{display:flex;gap:12px;font-size:12px;margin-top:23px}.store-links a:hover{text-decoration:underline}.fitness-art{position:relative;background:#dce4fc;overflow:hidden;min-height:510px}.fitness-label{position:absolute;left:30px;top:25px;font:700 12px/1.4 'Courier New',monospace;color:#233dd3}.phone{position:absolute;width:210px;border:7px solid #171b27;box-shadow:10px 20px 25px #1d295a40;border-radius:30px}.phone-one{left:30px;top:114px;transform:rotate(-10deg)}.phone-two{right:25px;top:52px;transform:rotate(10deg)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:46px}.project-image{height:320px;position:relative;display:block;overflow:hidden;border-radius:6px;background:#ece5d4}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image:hover img{transform:scale(1.04)}.anuluna:after{content:'';position:absolute;inset:0;background:#0c33363d}.anuluna-title{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font:64px Georgia,serif;color:#fff}.anuluna-title span{font:10px Arial,sans-serif;letter-spacing:3px;margin-top:12px}.image-label{position:absolute;z-index:2;bottom:17px;left:17px;background:var(--paper);color:var(--ink);font:700 10px 'Courier New',monospace;letter-spacing:.6px;padding:8px 11px;transform:rotate(-3deg)}.caramel img{object-fit:cover}.project-small .project-meta{margin-top:22px;color:var(--muted)}.project-small h3{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:13px 0}.project-small p{font-size:16px;max-width:450px;color:#bebacb;margin:0 0 17px}.code-strip{display:flex;gap:27px;align-items:center;border-block:1px solid var(--line);padding:28px 0;margin-top:55px}.code-glyph{font-size:42px;color:var(--accent);font-family:monospace}.code-strip h3{font-size:20px;margin:0}.code-strip p{font-size:14px;color:var(--muted);margin:3px 0}.code-strip .button{margin-left:auto;white-space:nowrap}.play-section{background:var(--paper);color:var(--ink);padding:80px 0 86px}.play-section .eyebrow,.play-section .section-heading>p{color:#565160}.play-section .section-heading h2>span{color:#6a29cc}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.music-card{background:#bc91ff;padding:35px;border:1px solid var(--ink);border-radius:5px}.music-card h3,.cartoon-card h3{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:0 0 22px}.music-card p:not(.eyebrow){max-width:365px;font-size:16px}.song-list{margin:24px 0}.song-list a{border-top:1px solid #533d8066;display:flex;gap:15px;align-items:center;min-height:49px;font-size:14px;font-weight:700}.song-list a:last-child{border-bottom:1px solid #533d8066}.song-list a>span:first-child{font:12px monospace;font-weight:normal}.song-kind{font:10px monospace;margin-left:auto}.song-list a:hover{background:#ffffff2b}.cartoon-card{border:1px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}.cartoon-top{background:var(--blue);padding:35px;position:relative;flex:1}.cartoon-top .eyebrow{color:#fff}.cartoon-top h3{margin-top:53px;font-size:57px}.play-symbol{position:absolute;top:65px;right:36px;font-size:85px;color:var(--accent);transform:rotate(9deg);line-height:1}.cartoon-bottom{padding:25px 35px}.cartoon-bottom p{max-width:360px;font-size:16px;margin:0 0 23px}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:95px;padding-bottom:100px}.about .eyebrow{color:var(--muted)}.about h2{font-size:78px}.accent-text{color:var(--accent)}.about-sticker{display:inline-block;background:var(--secondary);color:var(--ink);padding:13px 19px;transform:rotate(-8deg);font-size:17px;font-weight:900;line-height:1.2;margin:36px 0 0 60px}.about-copy .big-copy{font-size:28px;line-height:1.3;letter-spacing:-.5px;color:var(--paper);margin:0 0 25px}.about-copy p{color:var(--muted);font-size:16px;margin:0 0 19px}.about-copy .text-link{display:inline-block;margin-top:10px}.connect{background:var(--accent);color:var(--ink);padding:62px 0}.connect h2{font-size:clamp(40px,6.5vw,88px);line-height:1.05;letter-spacing:-4px;margin:0}.connect h2>span{color:#6a29cc}.connect-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:27px}.connect-bottom p{font-size:16px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:33px;padding-bottom:33px}footer .wordmark{font-size:23px}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:20px;font-size:12px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--ink);z-index:20}.skip:focus{top:10px}@media(min-width:1450px){.hero-art img{right:-40px}}@media(max-width:1100px){.wrap{padding-left:35px;padding-right:35px}.hero{min-height:650px}.hero-art img{width:650px;right:-35px}.hero h1{font-size:59px}.sticker{right:0;font-size:11px}.hero-art{opacity:.85}.fitness h3{font-size:52px}.phone{width:185px}.phone-one{left:15px;top:155px}.phone-two{right:15px;top:70px}.project-copy{padding:27px}.project-image{height:280px}.play-symbol{font-size:65px;right:24px}.cartoon-top h3{font-size:49px}footer{flex-wrap:wrap}}@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.header{min-height:91px;gap:15px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.wordmark{font-size:24px}.header nav{gap:18px;font-size:12px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:26px;min-height:0}.hero h1{font-size:clamp(44px,9vw,65px);letter-spacing:-2.5px}.hero .eyebrow{font-size:10px}.hero-intro{font-size:16px;max-width:390px}.hero-art{min-height:330px;margin-top:4px;opacity:1;overflow:hidden}.hero-art img{width:100%;position:relative;right:auto;max-height:380px;object-fit:cover;object-position:center}.sticker{top:33px;right:12px;font-size:11px}.art-caption{font-size:10px;bottom:3px}.hero-note{font-size:10px}.ticker>div{padding-block:13px;gap:24px;font-size:12px}.work{padding-top:65px;padding-bottom:55px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading h2{font-size:39px;letter-spacing:-1.5px}.section-heading>p{font-size:14px}.section-heading>p br{display:none}.fitness{grid-template-columns:1fr}.project-copy{padding:25px}.fitness h3{font-size:54px;margin-top:30px}.fitness-art{min-height:430px}.phone{width:175px}.phone-one{left:calc(50% - 172px);top:95px}.phone-two{right:calc(50% - 172px);top:46px}.fitness-label{font-size:10px;top:20px;left:21px}.project-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.project-image{height:290px}.code-strip{flex-wrap:wrap;gap:17px;margin-top:40px}.code-strip .button{margin-left:0}.code-strip h3{font-size:18px}.code-strip p{font-size:13px}.code-glyph{font-size:30px}.play-section{padding-block:55px}.play-grid{grid-template-columns:1fr}.music-card,.cartoon-top{padding:27px}.music-card h3{font-size:45px}.cartoon-top h3{font-size:52px}.play-symbol{right:35px}.cartoon-bottom{padding:27px}.about{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:60px}.about h2{font-size:66px}.about-sticker{margin:25px 0 0 10px;font-size:14px}.about-copy .big-copy{font-size:27px}.connect{padding-block:45px}.connect h2{font-size:49px;letter-spacing:-2.5px}.connect-bottom{align-items:flex-start;flex-direction:column;gap:8px;margin-top:14px}footer{gap:20px;padding-block:30px}footer p{order:3;width:100%;margin:0}footer>div{gap:15px;font-size:11px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Fine, deliberate details alongside the street-art energy. */
body{overflow-x:clip}.collector-note{border-top:1px solid var(--line);margin-top:42px;padding-top:25px;max-width:335px}.collector-note .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:14px}.collector-note>p:not(.eyebrow){font-size:27px;line-height:1.25;margin:0 0 17px;letter-spacing:-.8px}.collector-note em{font-family:Georgia,serif;font-weight:normal;color:var(--accent)}.collector-note>span{font:14px/1.8 'Courier New',monospace;color:var(--muted)}.header nav,footer>div{font-size:14px}.store-links{font-size:14px}.status{font-size:12px}.song-kind{font-size:12px}.image-label{font-size:12px}.hero-note,.art-caption{font-size:12px}@media(max-width:760px){.header nav{gap:16px;font-size:14px}.collector-note{margin-top:33px}.hero .eyebrow,.eyebrow{font-size:12px}.image-label{font-size:12px}.phone{width:165px}.phone-one{left:calc(50% - 158px)}.phone-two{right:calc(50% - 158px)}.art-caption{position:static;font-size:12px}.hero-art{flex-direction:column;align-items:stretch}.sticker{top:33px}.hero-note{font-size:12px}.fitness-label{font-size:12px}.status{font-size:12px}.song-list a{gap:10px}}

.cartoon-top h3{font-size:43px;margin:0 0 23px}.cartoon-top{padding-bottom:26px}.video-preview{display:block;position:relative;border:1px solid #ffffff80;border-radius:3px;overflow:hidden}.video-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.video-preview:hover img{transform:scale(1.035)}.video-caption{position:absolute;bottom:0;left:0;right:0;background:#171717db;padding:10px 13px;font:700 12px/1.4 'Courier New',monospace;color:white}.music-card{display:flex;flex-direction:column;align-items:flex-start}.music-card .song-list{align-self:stretch}.music-card .button{margin-top:auto}

/* Neon violet and electric blue tie the original collage into the site. */
.accent{box-shadow:0 0 25px #a369ff24}.ticker{background:linear-gradient(105deg,#b77bff,#8eaaff)}.sticker{background:#9bb3ff}.highlight:after{background:linear-gradient(90deg,var(--accent),var(--secondary))}.connect{background:linear-gradient(115deg,#6425c7,#284ae0);color:var(--paper)}.connect h2>span{color:#dcbaff}.music-card .eyebrow{color:#39264f}

/* Put the person’s interests in the opening composition. */
.hero{min-height:740px;padding-bottom:90px}.hero-intro{max-width:465px}.hero-watch-note{position:absolute;right:0;bottom:-33px;max-width:255px;background:#171717ed;border-left:2px solid var(--accent);padding:15px 20px;z-index:2}.hero-watch-note .eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--secondary);margin:0 0 9px}.hero-watch-note>p:not(.eyebrow){font-size:25px;line-height:1.15;letter-spacing:-.5px;margin:0 0 12px}.hero-watch-note em{color:var(--accent);font-family:Georgia,serif}.hero-watch-note>span{font:12px/1.65 'Courier New',monospace;color:#d0ceda}@media(max-width:760px){.hero{min-height:0;padding-bottom:34px}.hero-art{min-height:0;margin-top:20px;overflow:visible}.hero-art img{max-height:none;object-fit:contain}.hero-watch-note{position:relative;right:auto;bottom:auto;max-width:none;width:100%;margin-top:-12px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;padding:17px 18px;background:#211c2d}.hero-watch-note .eyebrow{grid-column:1/-1}.hero-watch-note>p:not(.eyebrow){font-size:23px;margin:0}.hero-watch-note>span{align-self:center;font-size:12px}.sticker{top:15px;font-size:10px}}

.hero h1{line-height:1.1}

/* Let the dashboard cross the color split while keeping both phones in view. */
@media(min-width:761px){.fitness-art{overflow:visible}.phone-one{left:-22px;top:68px;z-index:2}.phone-two{right:64px;top:58px}}
@media(min-width:761px) and (max-width:1100px){.phone-one{left:-18px;top:90px}.phone-two{right:38px;top:68px}}
@media(max-width:760px){.phone{width:42%;max-width:165px}.phone-one{left:7.5%;top:70px}.phone-two{right:7.5%;top:50px}}

/* Center the caption in the open space between the tilted phones. */
.fitness-label{left:calc(50% - 44px);top:155px;width:126px;transform:translateX(-50%);text-align:center;line-height:1.6}
@media(min-width:761px) and (max-width:1100px){.fitness-label{left:calc(50% - 28px);top:22px}}
@media(max-width:760px){.fitness-label{left:50%;top:12px}}
@media(min-width:761px) and (max-width:1200px){.fitness-label{left:calc(50% - 28px);top:22px}}
@media(max-width:760px){.fitness-label{top:14px;line-height:1.4}.phone-one{top:86px}.phone-two{top:82px}}

/* Keep small app text clearer and let visitors inspect the original pixels. */
.phone-one{transform:rotate(-5deg)}.phone-two{transform:rotate(5deg)}.phone{cursor:zoom-in}.fitness-art>a:focus-visible .phone{outline:3px solid var(--accent);outline-offset:5px}.song-list a{padding:12px 0;line-height:1.4}.song-list a>span{flex-shrink:0}

/* A personal introduction, framed like a photo pinned into the collage. */
.hero-introduction{display:flex;align-items:center;gap:24px;max-width:540px;margin:0 0 28px}
.intro-portrait{position:relative;flex:0 0 124px;margin:0;padding:5px;background:linear-gradient(145deg,var(--accent),#537bff);border-radius:5px;transform:rotate(-3deg);box-shadow:7px 7px 0 #302745}
.intro-portrait:before{content:'';position:absolute;z-index:1;top:-8px;left:35px;width:49px;height:17px;background:#b9c6ffcf;transform:rotate(7deg)}
.intro-portrait img{width:100%;height:148px;object-fit:cover;object-position:50% 25%;border-radius:2px}
.hero-introduction .hero-intro{margin:0;font-size:16px;line-height:1.6}
@media(max-width:1100px) and (min-width:761px){.hero-introduction{gap:19px}.intro-portrait{flex-basis:105px}.intro-portrait img{height:137px}}
@media(max-width:760px){.hero-introduction{gap:19px;max-width:470px}.intro-portrait{flex-basis:104px}.intro-portrait img{height:140px}.hero-introduction .hero-intro{font-size:15px}}
@media(max-width:370px){.hero-introduction{align-items:flex-start}.intro-portrait{flex-basis:86px}.intro-portrait img{height:119px}}

/* A second taped portrait anchors the longer personal and professional story. */
.about{grid-template-columns:.9fr 1.1fr;gap:80px}
.about-photo{position:relative;max-width:350px;margin:38px 0 0 14px;padding-bottom:14px}
.about-portrait{position:relative;width:280px;max-width:90%;margin:0;padding:7px;background:linear-gradient(145deg,var(--accent),#537bff);border-radius:5px;transform:rotate(-3deg);box-shadow:9px 9px 0 #302745}
.about-portrait:before{content:'';position:absolute;z-index:1;top:-12px;left:34%;width:88px;height:27px;background:#b9c6ffcf;transform:rotate(7deg)}
.about-portrait img{width:100%;height:auto;border-radius:2px}
.about-photo .about-sticker{position:absolute;right:0;bottom:0;margin:0;transform:rotate(7deg);box-shadow:4px 4px 0 #171717;font-size:15px}
.about-person .collector-note{margin-top:28px}
.career-story{margin:26px 0 28px;border-top:1px solid var(--line)}
.career-chapter{padding:20px 0;border-bottom:1px solid var(--line)}
.career-chapter h3{display:flex;align-items:center;gap:18px;font-size:25px;line-height:1.2;margin:0 0 12px;letter-spacing:-.5px}
.career-chapter h3 span{font:700 23px/1.3 'Courier New',monospace;letter-spacing:.5px;color:var(--secondary)}
.career-chapter p{margin:0}
@media(max-width:1100px){.about{gap:45px}.about h2{font-size:66px}}
@media(max-width:760px){.about{grid-template-columns:1fr;gap:38px}.about-photo{max-width:310px;margin-top:33px}.about-portrait{width:250px}.about-person .collector-note{max-width:none}.about-photo .about-sticker{font-size:14px}}

/* A taped, staggered art wall closes the play section. */
.art-wall{margin-top:70px;padding:44px 38px 28px;background:#19171e;color:var(--paper);border:1px solid #40364e;border-radius:6px;isolation:isolate}
.art-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.art-wall .eyebrow{color:var(--secondary);margin-bottom:15px;font-size:11px}
.art-heading h3{font-size:44px;line-height:1.06;letter-spacing:-1.8px;margin:0}.art-heading h3 span{color:var(--accent)}
.art-heading>p{font-size:15px;line-height:1.6;color:#c8c0d5;margin:0 0 3px}
.art-collage{display:grid;grid-template-columns:1.12fr 1fr 1fr;align-items:center;gap:0;padding:52px 3px 66px}
.art-print{position:relative;display:block;padding:7px;background:var(--paper);color:var(--ink);box-shadow:8px 13px 24px #0007;transition:transform .25s;cursor:zoom-in;min-width:0}
.art-print:before{content:'';position:absolute;z-index:2;top:-12px;left:36%;width:30%;height:25px;background:#bbbdedde;transform:rotate(5deg);box-shadow:0 1px 2px #0002}
.art-print figure{margin:0}.art-print img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#171717}
.art-print figcaption{padding:13px 9px 10px;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.3px}
.art-print figcaption span{display:block;font:11px/1.5 'Courier New',monospace;letter-spacing:.5px;color:#615775;margin-bottom:5px}
.art-print-watch{transform:rotate(-4deg);z-index:2;margin-right:-9px}.art-print-strength{transform:translateY(32px) rotate(4deg);z-index:3;margin-left:-4px;margin-right:-5px}.art-print-music{transform:translateY(-8px) rotate(-3deg);z-index:1}
.art-print:hover,.art-print:focus-visible{transform:translateY(-8px) rotate(0);z-index:4}
.art-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #45394e;padding-top:19px;font:11px/1.6 'Courier New',monospace;color:#bfb3ce}
@media(max-width:1000px){.art-wall{padding:34px 25px 25px}.art-heading h3{font-size:36px}.art-print figcaption{font-size:15px;padding:11px 5px 8px}.art-print figcaption span{font-size:10px}}
@media(max-width:760px){.art-wall{margin-top:48px;padding:30px 22px 23px}.art-heading{display:block}.art-heading>p{margin-top:20px;font-size:14px}.art-heading h3{font-size:35px}.art-collage{grid-template-columns:1fr;gap:28px;padding:37px 3px 32px;max-width:440px;margin:auto}.art-print{margin:0}.art-print-watch{transform:rotate(-3deg)}.art-print-strength{transform:rotate(3deg)}.art-print-music{transform:rotate(-2deg)}.art-print figcaption{font-size:18px;padding:13px 8px 10px}.art-print figcaption span{font-size:11px}.art-footer{flex-direction:column;gap:8px}}

/* Keep the lettering on the portrait clear of its outer tape. */
.about-portrait:before{top:-20px}

/* Sparse paint at the page edges, behind the dark sections. */
body{background-image:url('/assets/paint-speckles.svg');background-size:100% 1800px;background-repeat:repeat-y;background-position:center 20px}
@media(max-width:760px){body{background-image:url('/assets/paint-speckles-mobile.svg');background-size:100% 1800px;background-position:center 20px}}

/* A playable detour in the creative playground. */
.game-card{margin-top:28px;padding:48px;background:#211b33;color:#f4f2ff;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;border-radius:18px;overflow:hidden;position:relative;scroll-margin-top:36px}
.game-copy{position:relative;z-index:1}.game-copy .eyebrow{color:#bfa0ff;margin-bottom:20px}.game-copy h3{font-size:clamp(34px,3.5vw,48px);line-height:1.05;letter-spacing:-2px;margin:0 0 24px}.game-copy h3 span{display:block;color:#bfa0ff;margin-top:8px}.game-copy>p:not(.eyebrow){color:#d2cbe1}.game-copy .button{margin-top:10px}.game-copy .game-footnote{font-family:'Courier New',monospace;font-size:11px;line-height:1.7;margin:18px 0 0}
.game-preview{display:block;background:#121018;border:2px solid #8777b5;box-shadow:12px 12px 0 #46306a;transform:rotate(2deg);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-preview:hover{transform:rotate(0deg);box-shadow:8px 8px 0 #634692}.game-preview img{width:100%;aspect-ratio:4/3;object-fit:cover}.arcade-top,.arcade-bottom{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;font:700 11px/1.3 'Courier New',monospace;letter-spacing:1px}.arcade-top{color:#bfa0ff}.arcade-bottom{color:#afa8bd}.arcade-bottom>span{color:#c7b4ff}
@media(max-width:800px){.game-card{grid-template-columns:1fr;padding:32px 26px;gap:28px}.game-preview{max-width:560px;margin:0 8px 10px 0}.game-copy h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){.game-preview{transition:none}}

/* Both Antagonized editions share one playground slot. */
.game-collection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}
.game-collection-heading{grid-column:1/-1}.game-collection-heading .eyebrow{margin-bottom:12px}.game-collection-heading h3{margin-bottom:0}.game-collection-heading h3 span{font-size:22px;letter-spacing:-.5px;font-weight:400;margin-top:12px}
.game-edition{min-width:0;display:flex;flex-direction:column;scroll-margin-top:36px}
.game-collection .game-preview{margin:0 8px 26px 0;transform:rotate(1deg);box-shadow:8px 8px 0 #46306a}
.game-collection .game-preview:hover{transform:rotate(0deg)}.game-collection .game-preview img{aspect-ratio:16/10}
.game-edition .game-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.game-edition h4{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px}
.game-edition .game-copy>p:not(.game-footnote){margin:0 0 24px}.game-edition .button{margin-top:auto;gap:10px}
@media(max-width:800px){.game-collection{grid-template-columns:1fr;gap:36px}.game-collection-heading{grid-column:auto}.game-collection .game-preview{max-width:none}.game-edition+.game-edition{padding-top:36px;border-top:1px solid #615074}.game-edition h4{font-size:28px}}

#antagonized-3d .game-preview img{object-fit:contain;background:#f5f3e5}

/* Official store artwork and room for the fuller career story. */
.store-links{align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;padding-block:10px}
.store-links a{display:inline-flex;align-items:center;flex-shrink:0}
.store-links .app-store-badge{width:120px;height:40px}
.store-links .google-play-badge{width:155px;height:60px;object-fit:contain}
.career-chapter p+p{margin-top:16px}
.leadership-story{margin:0 0 28px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.leadership-story h3{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0 0 16px;color:var(--paper)}
.art-footer{justify-content:flex-end}

/* Career focus and direct contact */
.hero h1{font-size:clamp(44px,5.2vw,72px)}
.career-focus{margin:0 0 26px;width:fit-content;max-width:100%}
.focus-initials{display:flex;align-items:center;justify-content:center;gap:17px;font-size:28px;font-weight:900;letter-spacing:2px;margin:0 0 6px}
.focus-initials span{color:var(--secondary);font-size:18px}
.focus-meaning{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:none}
.contact-links{display:flex;flex-wrap:wrap;gap:12px}
.connect .contact-links .ghost{color:var(--ink);border-color:var(--ink)}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:52px}}
@media(max-width:760px){.hero h1{font-size:clamp(36px,8.5vw,60px);letter-spacing:-2px}.focus-initials{font-size:25px}.focus-meaning{font-size:13px}.contact-links{margin-top:12px}}

.keep-together{white-space:nowrap}

.hero-outreach{max-width:540px;margin-bottom:24px}.hero-outreach>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 18px}.hero-outreach>.text-link{display:inline-block;margin-top:20px}