/* Personal professional profile; isolated from product branding. */
.professional-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:7%;align-items:end;margin-bottom:52px}
.professional-heading h2{font-size:clamp(38px,4.9vw,80px);line-height:1.06;letter-spacing:-.055em;margin:22px 0 0}
.professional-heading .section-intro{font-size:18px;line-height:1.65;color:#65656a;margin:0;max-width:420px}
.experience{padding-top:85px;border-bottom:1px solid #20212322;padding-bottom:80px}
.career-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%}.current-role{background:#28272d;color:#ededea;border-radius:24px;padding:40px}.current-role .eyebrow{color:#c3b5d0}.current-role h3{font-size:clamp(32px,3.3vw,50px);line-height:1.08;letter-spacing:-.045em;margin:30px 0 15px}.current-role>p:not(.eyebrow):not(.role-date){font-size:17px;line-height:1.7;color:#c6c4cd}.role-date,.career-date{font-size:11px;letter-spacing:.07em;font-weight:500}.role-date{color:#bdb7c7}.role-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.role-tags span{border:1px solid #ffffff28;border-radius:20px;padding:8px 12px;font-size:11px}.current-role .text-link{font-size:10px;color:#ededea;margin-top:15px;gap:20px}
.career-history{padding:15px 0}.career-list{list-style:none;margin:22px 0 0;padding:0}.career-list li{border-top:1px solid #20212322;padding:26px 0}.career-list h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:12px 0}.career-list h3 small{font-size:12px;letter-spacing:0;color:#706088}.career-list p{font-size:16px;line-height:1.65;color:#65656a;margin:0;max-width:440px}.career-date{color:#706088}
.earlier-career{margin-top:50px}.earlier-career>div{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:25px}.earlier-career article{border-top:1px solid #20212322;padding-top:22px}.earlier-career article>span{font-size:10px;letter-spacing:.06em;color:#65656a}.earlier-career h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:15px 0}.earlier-career p{font-size:16px;line-height:1.6;color:#65656a;max-width:510px}
.capabilities{padding-top:80px;padding-bottom:60px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.capability-grid article{border-top:1px solid #20212344;padding-top:20px}.capability-number{font-size:11px;color:#706088}.capability-grid h3{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:22px 0 14px}.capability-grid p{font-size:15px;line-height:1.65;color:#65656a;min-height:100px}.capability-grid ul{list-style:none;padding:0;margin:24px 0 0}.capability-grid li{border-top:1px solid #20212312;padding:11px 0;font-size:13px;line-height:1.4}.portfolio-notes{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:65px;border-top:1px solid #20212322;padding-top:35px}.portfolio-notes h3{font-size:32px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:22px 0}.powr-note>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#65656a;max-width:490px}.portfolio-notes .text-link{font-size:10px;gap:20px}.education-note dl{margin:20px 0}.education-note dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #20212322;padding:14px 0;font-size:13px}.education-note dd{margin:0;color:#65656a;white-space:nowrap}.language-note{font-size:12px;color:#65656a;margin-top:25px}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid p{min-height:0}.professional-heading{gap:5%}.current-role{padding:28px}}
@media(max-width:600px){.professional-heading,.career-layout,.earlier-career>div,.portfolio-notes{grid-template-columns:1fr;gap:28px}.professional-heading{margin-bottom:32px}.professional-heading h2{font-size:40px}.professional-heading .section-intro{font-size:16px}.experience{padding-top:45px;padding-bottom:45px}.current-role{padding:27px;border-radius:20px}.current-role h3{font-size:38px}.career-history{padding:0}.career-list li{padding:22px 0}.career-list h3{font-size:23px}.earlier-career{margin-top:28px}.earlier-career>div{gap:15px}.capabilities{padding-top:45px;padding-bottom:25px}.capability-grid{gap:28px 20px}.capability-grid h3{font-size:20px}.capability-grid p{font-size:14px}.capability-grid li{font-size:12px}.portfolio-notes{margin-top:35px;padding-top:28px}.portfolio-notes h3{font-size:30px}.education-note dl>div{font-size:12px;gap:10px}}

/* Original release artwork presented as sleeves with a vinyl peeking out. */
.personal-page .archive-heading h3{font-size:clamp(30px,4.4vw,64px);line-height:1.12;max-width:700px;letter-spacing:-.045em}
.archive-release summary{grid-template-columns:26px 146px minmax(0,1fr) 80px 24px;gap:22px;padding:25px 0}
.release-artwork{position:relative;width:142px;height:116px;isolation:isolate}
.release-sleeve{position:absolute;left:0;top:0;width:116px;height:116px;object-fit:contain;background:#18181b;border:1px solid #ffffff15;box-shadow:0 8px 18px #0005;z-index:2}
.release-vinyl{position:absolute;width:110px;height:110px;top:3px;left:30px;border-radius:50%;background:radial-gradient(circle,#171719 0 3%,#bbb1c5 3.2% 4%,#877b94 4.2% 17%,#252329 17.3% 19%,transparent 19.5%),repeating-radial-gradient(circle,#101013 0 1px,#26262c 1.5px 2px,#111114 2.4px 3.7px);box-shadow:3px 7px 12px #0005;z-index:1;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.release-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 45deg,transparent,#ffffff15 20deg,transparent 65deg,transparent 180deg,#ffffff0b 215deg,transparent 250deg);border:1px solid #ffffff15}
.archive-versions{padding-left:194px}.cover-credit{font-size:10px;line-height:1.6;color:#bcb6c7;margin:22px 0 0}.cover-credit a{border-bottom:1px solid #ffffff25;padding-bottom:3px}
@media(max-width:900px){.archive-release summary{grid-template-columns:20px 112px minmax(0,1fr) 20px;gap:14px}.archive-version-count{display:none}.release-artwork{width:110px;height:90px}.release-sleeve{width:90px;height:90px}.release-vinyl{width:86px;height:86px;top:2px;left:24px}.archive-versions{padding-left:160px}}
@media(max-width:600px){.archive-release summary{grid-template-columns:82px minmax(0,1fr) 18px;gap:12px;padding:22px 0}.archive-number{display:none}.release-artwork{width:82px;height:68px}.release-sleeve{width:68px;height:68px}.release-vinyl{width:64px;height:64px;top:2px;left:18px}.archive-title h4{font-size:19px;letter-spacing:-.4px;line-height:1.2}.archive-title p{font-size:10px}.archive-versions{padding-left:0}.personal-page .archive-heading h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.release-sleeve,.release-vinyl{transition:none}.archive-release summary:hover .release-vinyl,.archive-release[open] .release-vinyl,.archive-release summary:hover .release-sleeve{transform:none}}

/* Vinyl emerges; the original sleeve remains still and undistorted. */
@media(hover:hover) and (pointer:fine){.archive-release summary:hover .release-vinyl{transform:translateX(12px) rotate(25deg)}}
.archive-release[open] .release-vinyl,.archive-release summary:focus-visible .release-vinyl{transform:translateX(12px) rotate(25deg)}
@media(max-width:600px){.archive-release summary:hover .release-vinyl,.archive-release[open] .release-vinyl,.archive-release summary:focus-visible .release-vinyl{transform:translateX(6px) rotate(25deg)}}
@media(prefers-reduced-motion:reduce){.archive-release summary:hover .release-vinyl,.archive-release[open] .release-vinyl,.archive-release summary:focus-visible .release-vinyl{transform:none}}
.motion-paused .release-vinyl{transition:none;transform:none!important}


/* Personal projects, with each app's own visual identity. */
.personal-apps{padding-top:80px;padding-bottom:60px}.personal-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.personal-app-card{border:1px solid #20212322;border-radius:24px;overflow:hidden;min-width:0}.personal-app-visual.article-cover{display:block;position:relative;height:420px;aspect-ratio:auto;overflow:hidden;border-bottom:1px solid #20212315}.personal-klar .personal-app-visual{background:#fff1cf}.personal-zest .personal-app-visual{background:#262a30}.personal-app-visual.article-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:22px}.personal-app-body{padding:30px}.personal-app-body h3{font-size:42px;letter-spacing:-.055em;line-height:1.1;font-weight:500;margin:15px 0}.personal-app-body>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#65656a;max-width:470px;margin:0 0 28px}.personal-app-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.personal-app-links a{border:1px solid #20212333;border-radius:30px;padding:13px 20px;display:inline-flex;gap:22px;align-items:center;min-height:46px;font-size:14px}.personal-app-links a:first-child{background:#202123;color:#fff;border-color:#202123}.personal-app-links a:hover{box-shadow:0 4px 14px #20212315}.personal-app-links a:focus-visible,.personal-app-visual:focus-visible{outline:3px solid #706088;outline-offset:-4px}.personal-app-footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:12px;letter-spacing:.06em}.personal-app-footer>span{color:#65656a}.personal-app-footer a{letter-spacing:0;font-size:14px}
@media(max-width:900px){.personal-app-visual.article-cover{height:350px}.personal-app-body{padding:24px}.personal-app-body>p:not(.eyebrow){font-size:16px}.personal-app-links{gap:10px}.personal-app-links a{padding:12px 16px;gap:14px}}
@media(max-width:600px){.personal-apps{padding-top:45px;padding-bottom:35px}.personal-app-grid{grid-template-columns:1fr;gap:24px}.personal-app-visual.article-cover{height:370px}.personal-app-body h3{font-size:36px}.personal-app-footer{flex-direction:column;gap:12px}.personal-jumps{flex-wrap:wrap}}

/* Earlier sound-design work, distinct from the release archive. */
.sound-design{margin:70px 0 85px;scroll-margin-top:100px}.sound-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin:20px 0 35px}.sound-heading h3{font-size:clamp(32px,4vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:0}.sound-heading p{font-size:18px;line-height:1.6;color:#c5becd;margin:0}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.sound-card{display:grid;grid-template-columns:160px 1fr;gap:26px;padding:28px;border:1px solid #ffffff25;border-radius:22px;align-items:center}.sound-art{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.sound-art img{width:100%;height:100%;object-fit:contain}.sound-type{background:#cbc4d1;color:#252329;flex-direction:column;align-items:flex-start;padding:18px;border-radius:6px}.sound-type>span,.sound-type small{font-size:8px;letter-spacing:.1em}.sound-type strong{font-size:28px;line-height:1.1;letter-spacing:-.05em;margin:16px 0;font-weight:500}.sound-type em{font-style:normal;color:#756486}.sound-body .eyebrow{font-size:9px;letter-spacing:.08em}.sound-body h4{font-size:27px;letter-spacing:-.035em;font-weight:500;margin:12px 0}.sound-body>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#c5becd;margin:0 0 22px}.sound-body>a{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff35;padding-bottom:12px;gap:12px}.earlier-career article>a{font-size:13px;border-bottom:1px solid #20212333;padding-bottom:5px}
@media(min-width:1001px){.earlier-career>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}}
@media(max-width:1000px){.sound-card{grid-template-columns:120px 1fr;padding:22px;gap:20px}.sound-grid{grid-template-columns:1fr}.sound-heading{gap:25px}.sound-art{max-width:160px}}
@media(max-width:600px){.sound-design{margin:50px 0}.sound-heading{grid-template-columns:1fr;gap:20px}.sound-heading p{font-size:16px}.sound-card{grid-template-columns:95px 1fr;padding:18px;gap:16px}.sound-body h4{font-size:24px}.sound-type{padding:10px}.sound-type strong{font-size:20px;margin:12px 0}.sound-type>span{font-size:6px}}

.credit-note{font-size:12px;line-height:1.65;color:#c5becd;max-width:640px;margin:14px 0}.archive-filters{flex-wrap:wrap}.archive-sources{flex-wrap:wrap}.archive-version>a{font-size:11px;display:inline-flex;align-items:center;gap:4px;margin:0 0 10px}

/* Safari otherwise applies native blue button text. Draw the icon without font glyphs. */
.personal-page header .menu-toggle{--menu-width:112px;appearance:none;-webkit-appearance:none;color:var(--ink);-webkit-text-fill-color:var(--ink);background:#dededb;border:1px solid transparent;box-shadow:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:100px;min-height:48px;padding:14px 18px;gap:14px;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.personal-page .menu-toggle .menu-label{font-size:11px;line-height:1;font-weight:600;letter-spacing:.04em}
.personal-page .menu-toggle .menu-icon{position:relative;display:block;width:18px;height:18px;flex:0 0 18px}
.personal-page .menu-icon i{position:absolute;display:block;width:18px;height:1.5px;left:0;background:currentColor;border-radius:2px;transition:transform .2s ease,top .2s ease;top:5px}
.personal-page .menu-icon i+i{top:11px}
.personal-page .menu-toggle[aria-expanded=true] .menu-icon i{top:8px;transform:rotate(45deg)}
.personal-page .menu-toggle[aria-expanded=true] .menu-icon i+i{transform:rotate(-45deg)}
.personal-page .menu-toggle:focus-visible{outline:2px solid #706088;outline-offset:4px}
@media(max-width:600px){.personal-page header{gap:12px}.personal-page header .header-actions{gap:8px}.personal-page header .menu-toggle{--menu-width:96px;min-width:86px;min-height:46px;padding:12px 14px;gap:10px}.personal-page header .menu-toggle .menu-label{font-size:10px}.personal-page header .talk{min-height:46px;line-height:1;white-space:nowrap}.personal-page #menu{top:80px;padding:16px 24px;max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain}.personal-page #menu a{font-size:24px;line-height:1.2;gap:18px;padding:16px 0}.personal-page #menu a>span{flex-shrink:0}}
@media(max-width:360px){.personal-page header{gap:8px}.personal-page header .personal-logo{font-size:12px}.personal-page header .header-actions{gap:6px}.personal-page header .talk{font-size:8px;padding:12px 10px;gap:6px}.personal-page header .talk>span{font-size:12px}.personal-page header .menu-toggle{--menu-width:86px;min-width:76px;padding:12px 10px;gap:8px}.personal-page .menu-toggle .menu-icon{width:16px;flex-basis:16px}.personal-page .menu-icon i{width:16px}}
@media(prefers-reduced-motion:reduce){.personal-page .menu-icon i{transition:none}}

.personal-page .personal-app-visual.article-cover{transform:none!important;filter:none!important}
.personal-page .personal-app-visual.article-cover img.native-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px;opacity:0;transform:none!important;filter:none!important;transition:opacity .7s ease;will-change:auto}
.personal-page .personal-app-visual.article-cover img.native-slide.is-current{opacity:1}
@media(prefers-reduced-motion:reduce){.personal-page .personal-app-visual.article-cover img.native-slide{transition:none}}

/* Professional profile: concise evidence, direct contact, and progressive reading. */
.profile-facts{font-size:12px;line-height:1.7;color:#65656a;margin:22px 0 0;max-width:520px}
.personal-page .personal-jumps{flex-wrap:wrap;gap:20px 25px;align-items:center}
.personal-page .profile-connect{background:#28272d;color:#ededea;border-radius:28px;padding:15px 20px}
.project-evidence{margin:0 0 28px}.project-evidence>div{padding:15px 0;border-top:1px solid #20212322}
.project-evidence dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.project-evidence dd{margin:0;font-size:15px;line-height:1.65;color:#65656a}
.more-writing{margin-top:30px;border-top:1px solid #20212333}.more-writing>summary{cursor:pointer;padding:24px 0;font-size:16px;line-height:1.5}.more-writing[open]>summary{margin-bottom:12px}
.music-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}
.music-highlights article{border-top:1px solid #ffffff35;padding-top:22px;min-width:0;scroll-margin-top:110px}
.music-highlights h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:20px 0}
.music-highlights p:not(.eyebrow){font-size:16px;line-height:1.7;color:#c5becd}
.music-highlights a{display:inline-block;font-size:13px;border-bottom:1px solid #ffffff50;padding:8px 0;line-height:1.6}
.personal-page #sound>.sound-heading h2,.archive-page .music-copy h1{font-size:clamp(42px,6vw,90px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:0}
.personal-page #sound>.sound-heading h2 em,.archive-page .music-copy h1 em{font-weight:400}
.personal-page #sound>.writing-footer{color:#c5becd;border-color:#ffffff35;flex-wrap:wrap}
.contact-context{font-size:18px;line-height:1.7;max-width:590px;color:#65656a;margin:26px 0 40px}
.personal-page .text-link:focus-visible,.more-writing>summary:focus-visible,.music-highlights a:focus-visible{outline:2px solid #706088;outline-offset:6px}
.archive-page header>a.pill{font-size:11px}.archive-page .music{padding-top:160px}
@media(max-width:900px){.music-highlights{gap:22px}.music-highlights h3{font-size:24px}}
@media(max-width:600px){.music-highlights{grid-template-columns:1fr;gap:26px;margin:28px 0}.profile-facts{font-size:11px}.personal-page .personal-jumps{gap:18px 22px}.project-evidence dd{font-size:14px}.more-writing>summary{font-size:14px}.contact-context{font-size:16px}.archive-page .music{padding-top:120px}}

/* Keep the filter row clear of the first release divider. */
.archive-page #archive-list > .archive-release:first-child{border-top:0}

/* Featured NEXUS work on the personal overview. */
.personal-page:not(.archive-page) .music-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
.music-highlights .sound-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,76px);align-items:center;padding:clamp(26px,4vw,56px);margin-bottom:20px;border:1px solid #ffffff25;border-radius:28px;background:radial-gradient(ellipse at 15% 45%,#bc512023,transparent 60%),#ffffff04}
.sound-feature-art{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}
.sound-feature-art img{display:block;width:min(100%,300px);height:auto;filter:drop-shadow(0 24px 30px #0005)}
.sound-feature-art>span{font-size:10px;letter-spacing:.16em;color:#c5becd;text-align:center}
.music-highlights .sound-feature h3{font-size:clamp(38px,4.8vw,68px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px}
.sound-feature-releases{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}
.sound-feature-releases>div{border-top:1px solid #ffffff25;padding-top:16px;display:flex;flex-direction:column;gap:8px}
.sound-feature-releases strong{font-size:19px;font-weight:500;letter-spacing:-.02em}
.sound-feature-releases span{font-size:12px;color:#c5becd;line-height:1.5}
.music-highlights .sound-feature a{display:inline-flex;align-items:center;gap:30px;font-size:15px;color:#eeedea}
@media(max-width:600px){.personal-page:not(.archive-page) .music-highlights{grid-template-columns:1fr}.music-highlights .sound-feature{grid-template-columns:1fr;gap:28px;padding:26px 22px;border-radius:22px}.sound-feature-art img{width:min(70%,220px)}.sound-feature-releases{gap:14px}.sound-feature-releases strong{font-size:17px}}

.archive-page .archive-release{scroll-margin-top:110px}

/* Three app cards: one row on wide screens; on tablets Drive Moments spans the full row. */
@media(min-width:1101px){.personal-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1100px){.personal-app-grid>.personal-drive{grid-column:1/-1}}
.app-coming-soon{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid currentColor;border-radius:10px;font-size:13px;opacity:.7}