@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f3f1eb;--ink:#24251f;--muted:#606159;--orange:#b83b19;--line:#d6d5cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2459d4;outline-offset:6px}button{border:0}::selection{background:#f8ab78;color:#111}.wrap{max-width:1440px;padding-left:6%;padding-right:6%;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 6%;gap:24px}.brand{font-size:46px;font-weight:800;letter-spacing:-6px;line-height:1;font-family:Manrope,Arial,sans-serif}.brand span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:4px 0 0 10px}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav sup{font-size:9px;margin-left:3px}nav a:hover,.text-link:hover{color:var(--orange)}#accessible{background:transparent;border:1px solid #92948a;border-radius:24px;padding:10px 15px;font-size:12px}.hero{padding-top:44px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;display:inline-block;background:var(--orange);border-radius:50%}.location{margin-left:auto;color:var(--muted);font-size:10px}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:520px;gap:35px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-4px}h1{font-size:clamp(48px,5.8vw,84px);line-height:1.12;margin-bottom:26px;position:relative;z-index:1}em{font-style:normal;color:var(--orange)}.intro{color:var(--muted);font-size:17px;line-height:1.7;max-width:420px;margin-bottom:30px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);padding:16px 22px;font-size:13px;border-radius:3px}.button:hover{background:var(--orange)}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:4px;display:inline-block}.hero .text-link{margin-left:24px}.signal{height:420px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.signal-grid{position:absolute;inset:10px;background-image:linear-gradient(#dcddd450 1px,transparent 1px),linear-gradient(90deg,#dcddd450 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit{position:absolute;width:310px;height:310px;border:1px solid #d4552d;border-radius:50%;transform:rotateX(58deg) rotate(-35deg)}.orbit-one{animation:orbit 24s linear infinite}.orbit-two{transform:rotateY(58deg) rotate(30deg);border-width:2px}.orbit-three{width:360px;height:360px;transform:rotateX(25deg) rotateY(48deg);border-color:#e59376}.core{height:180px;width:180px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffb784,#e86534 40%,#9c250d 85%);box-shadow:inset -12px -16px 35px #6d1a1030,0 25px 60px #bd623a30;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:70px;letter-spacing:-8px;color:#50200f}.core span{font-size:28px;align-self:flex-start;margin-top:48px;letter-spacing:-2px}.signal-label,.signal-coord{position:absolute;font-size:9px;letter-spacing:2px;bottom:22px;left:25px}.signal-coord{left:auto;right:10px;font-size:8px;color:var(--muted)}@keyframes orbit{to{transform:rotateX(58deg) rotate(325deg)}}.hero-foot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:9px;letter-spacing:1px}.hero-foot i{font-style:normal;color:var(--orange);margin:0 12px;font-size:18px}.work{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading .eyebrow{margin-bottom:24px}h2{font-size:clamp(36px,4vw,56px);line-height:1.15;letter-spacing:-2.6px;margin-bottom:0}.section-heading p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:4px}.filters{display:flex;gap:8px;margin:32px 0}.filters button{padding:10px 18px;border:1px solid var(--line);border-radius:24px;background:transparent;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters span{font-size:9px;margin-left:8px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.project[hidden]{display:none}.project-art{display:block;position:relative;width:100%;height:360px;overflow:hidden;text-align:left;padding:25px;border:0;transition:transform .3s}.project-art:hover{transform:translateY(-4px)}.art-top{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:1px}.art-top span{font-size:8px;letter-spacing:1px;font-weight:500}.art-caption{position:absolute;bottom:23px;left:25px;font-size:8px;letter-spacing:1.7px}.tekniq{background:#ddd9cf;color:#34372c}.tekniq-word{position:absolute;top:45%;font-size:clamp(65px,8vw,120px);font-weight:800;letter-spacing:-7px;left:7%;color:#c0c0af}.phone{position:absolute;z-index:1;width:145px;height:276px;background:#24271f;border:5px solid #626459;border-radius:24px;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:20px 20px 35px #34342940;padding:28px 12px;color:#e8e8d2}.phone-camera{position:absolute;top:8px;left:43%;width:25px;height:5px;background:#080b07;border-radius:5px}.phone>span{font-size:7px;letter-spacing:2px}.phone-ring{border:1px solid #bac59a;border-radius:50%;width:102px;height:102px;margin:23px auto 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:42px;line-height:1;font-weight:600}.phone-ring span{font-size:8px;letter-spacing:2px;margin-top:5px}.phone-bottom{font-size:8px;line-height:1.6}.phone-bottom b{display:block;margin-top:10px;color:#c7de8c}.stage{background:#252b28;color:#e4e6d8}.stage-beams{position:absolute;inset:0;opacity:.7;display:flex;justify-content:space-around}.stage-beams i{width:60px;height:400px;background:linear-gradient(#b9d7a630,transparent);transform:rotate(-28deg)}.stage-title{position:absolute;top:100px;font-family:Manrope,sans-serif;font-size:51px;font-weight:800;line-height:1.05;letter-spacing:-3px}.stage-title em{color:#c6de9e}.stage-line{height:1px;background:#b6cf9940;position:absolute;bottom:75px;left:25px;right:25px}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-top:17px;gap:10px}h3{font-size:18px;letter-spacing:-.5px;margin-bottom:6px;font-weight:500}h3 button{background:transparent;padding:0;font:inherit;text-align:left}h3 span{font-size:17px;margin-left:8px}.project-meta p{font-size:12px;color:var(--muted);margin:0}.tag{border:1px solid #cecec4;border-radius:20px;padding:6px 9px;font-size:8px;letter-spacing:.5px;white-space:nowrap}.audit{background:#dfebda}.audit-mark{font-family:Georgia,serif;font-size:150px;letter-spacing:-12px;text-align:center;margin-top:30px;color:#2b4b33}.audit-mark span{font:40px Arial;display:inline-block;transform:translate(8px,-60px);border:1px solid;border-radius:50%;padding:9px}.vfx{background:#222132;color:#eeecfa}.vfx-orb{width:220px;height:220px;border-radius:40% 60% 63% 37% / 54% 32% 68% 46%;margin:30px auto;background:repeating-radial-gradient(ellipse at 30% 30%,#eee4ff 0px,#9b89d1 3px,#524c84 6px,#18162a 10px);box-shadow:20px 10px 60px #9b76d540;transform:rotate(-20deg)}.dust{background:#f0c26d}.dust-type{font-size:66px;line-height:.95;letter-spacing:-4px;font-weight:500;margin-top:45px}.dust-type em{font-family:Georgia,serif;color:#674b21}.dust-type>span{position:absolute;right:35px;bottom:75px;font-size:110px;color:#8b461d}.lma{background:#cbdcdc}.wave{display:flex;height:130px;gap:8px;justify-content:center;align-items:center;margin-top:27px}.wave i{width:8px;border-radius:7px;background:#365b5c;height:25px}.wave i:nth-child(3n){height:85px}.wave i:nth-child(4n){height:125px}.wave i:nth-child(5n){height:55px}.lma-type{display:block;text-align:center;font-size:24px;letter-spacing:-1px}.sound-project{grid-column:1/-1}.mini-sound{height:210px;background:#1b1a18;color:#f3eddf;display:flex;align-items:center;justify-content:space-between;padding:0 6% 0 0}.mini-sound img{width:35%;height:100%;object-fit:cover;object-position:50% 32%;mask-image:linear-gradient(90deg,#000 65%,transparent)}.mini-sound strong{font-size:clamp(25px,5vw,65px);letter-spacing:-3px;font-weight:500}.mini-sound strong span{font-size:35px;margin-left:20px}.project-note{font-size:11px;color:var(--muted);margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:75px;padding-bottom:95px;border-top:1px solid var(--line)}.about .eyebrow{margin-bottom:30px}.about-copy p{font-size:15px;line-height:1.8;color:var(--muted)}.about-copy .large-copy{font-size:24px;line-height:1.45;letter-spacing:-.5px;color:var(--ink)}.skills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.skills span{padding:8px 12px;border:1px solid var(--line);font-size:11px;border-radius:3px}.sound{display:grid;grid-template-columns:1fr 1.1fr;background:#1d1e1a;color:#f0eee5}.sound-image{max-height:690px;overflow:hidden}.sound-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.sound-copy{padding:65px 12% 55px 10%;align-self:center}.sound .eyebrow{font-size:9px;color:#b0b0a2;margin-bottom:30px}.sound h2{font-size:clamp(36px,4.5vw,65px)}.sound em{color:#f6966c}.sound-name{letter-spacing:3px;font-size:14px;margin:30px 0 18px}.sound-copy>p:not(.sound-name){font-size:14px;line-height:1.8;color:#c1c2b7}.sound .button{background:#eee9dc;color:#222;margin:15px 0 28px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.platforms a{padding-bottom:12px;border-bottom:1px solid #5b5e50}.platforms small{display:block;color:#b8bbae;margin-top:5px;font-size:9px}.sound details{margin-top:24px;font-size:12px}.sound summary{cursor:pointer}.sound details p{font-size:11px;color:#c1c2b7}.sound iframe{width:100%;border:0;height:180px;margin-top:15px}.contact{padding-top:95px;padding-bottom:65px}.contact h2{font-size:clamp(60px,8vw,112px);letter-spacing:-6px;position:relative;margin-top:35px}.contact h2>a{position:absolute;right:0;top:0;font-size:100px;color:var(--orange)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:40px}.contact-bottom p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.contact-bottom>a{font-size:20px;border-bottom:1px solid;padding-bottom:6px}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:32px}footer p{font-size:10px;color:var(--muted);margin:0}footer>div{display:flex;gap:24px;font-size:11px}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:20;background:#fff;color:#000;padding:20px}dialog{max-width:570px;width:calc(100% - 40px);padding:45px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:5px}dialog::backdrop{background:#161b19aa}dialog h2{margin:25px 0;font-size:35px}dialog p{font-size:16px;line-height:1.8;color:var(--muted)}.close{position:absolute;top:10px;right:15px;background:transparent;font-size:30px}
@media(min-width:1500px){header{padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2))}}@media(max-width:900px){header{height:90px;gap:12px}nav{gap:18px;font-size:12px}#accessible{font-size:10px;padding:9px}.hero-grid{min-height:480px;grid-template-columns:1.3fr 1fr;gap:0}.signal{height:360px;transform:scale(.85);margin:0 -30px}.hero .text-link{margin-left:15px}.hero-foot{font-size:8px}.hero-foot>span:nth-child(2){display:none}.project-art{height:310px}.stage-title{font-size:40px}.sound-copy{padding:40px 8%}.about{gap:35px}.contact h2>a{font-size:75px}}@media(max-width:600px){header{flex-wrap:wrap;height:auto;padding-top:20px;padding-bottom:16px}.brand{font-size:38px}nav{order:3;width:100%;justify-content:space-between;margin-top:16px}#accessible{font-size:11px}.hero{padding-top:30px}.location{display:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:0}h1{font-size:49px;letter-spacing:-2.8px}.intro{font-size:16px}.signal{height:310px;transform:scale(.85);margin-top:0}.hero-foot{gap:15px;font-size:7px;line-height:1.7}.work{padding-top:65px;padding-bottom:55px}.section-heading{display:block}.section-heading p{margin-top:22px}h2{font-size:36px;letter-spacing:-1.8px}.filters{gap:5px;flex-wrap:wrap}.filters button{padding:9px 13px;font-size:11px}.projects{grid-template-columns:1fr;gap:30px}.project-art{height:330px}.tekniq-word{font-size:85px}.sound-project{grid-column:auto}.mini-sound{height:200px}.mini-sound strong{font-size:32px;letter-spacing:-1.5px}.mini-sound img{width:42%}.mini-sound strong span{margin-left:3px;font-size:20px}.about{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px;gap:30px}.sound{grid-template-columns:1fr}.sound-image{height:420px}.sound-image img{object-position:50% 48%}.sound-copy{padding:45px 7%}.sound h2{font-size:45px}.contact{padding-top:60px;padding-bottom:40px}.contact h2{font-size:64px;letter-spacing:-3px}.contact h2>a{font-size:55px}.contact-bottom{display:block}.contact-bottom>a{display:inline-block;margin-top:25px;font-size:19px}footer{flex-wrap:wrap}footer>div{width:100%;justify-content:space-between;margin-top:12px}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body.accessible{--paper:#fff;--ink:#000;--muted:#161616;--orange:#852100;--line:#000;font-size:19px}body.accessible *{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.accessible header{height:auto;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;position:static}body.accessible nav{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;margin-top:20px;font-size:18px;gap:24px}body.accessible a{text-decoration:underline;text-underline-offset:4px}body.accessible #accessible{font-size:16px;border:2px solid #000;background:#ffeb00;color:#000}body.accessible .hero-grid,body.accessible .about,body.accessible .sound{display:block;min-height:0}body.accessible .hero-grid{padding:45px 0}body.accessible .signal,body.accessible .hero-foot,body.accessible .project-art,body.accessible .sound-image{display:none}body.accessible .intro,body.accessible .about-copy p,body.accessible .sound-copy>p,body.accessible .contact-bottom p{font-size:19px;max-width:800px}body.accessible .projects{display:block}body.accessible .project{padding:25px 0;border-top:2px solid #000}body.accessible .project-meta{margin:0}body.accessible h3{font-size:25px}body.accessible .project-meta p,body.accessible .text-link,body.accessible .button,body.accessible .filters button,body.accessible .platforms,body.accessible footer,body.accessible .sound details{font-size:18px}body.accessible .tag{font-size:12px;color:#000}body.accessible .sound{background:#000;color:#fff}body.accessible .sound-copy{padding:45px 6%}body.accessible .sound .eyebrow,body.accessible .sound-copy>p:not(.sound-name),body.accessible .platforms small{color:#fff}body.accessible .sound em{color:#ffcb76}body.accessible .eyebrow{font-size:13px}body.accessible .about-copy{margin-top:30px}body.accessible .skills span{font-size:16px}body.accessible .project-note{font-size:14px}body.accessible .section-heading{display:block}body.accessible .section-heading p{font-size:18px;margin-top:25px}body.accessible footer p,body.accessible footer>div{font-size:16px}
.app-screenshot{position:absolute;width:88%;height:auto;left:6%;top:50%;transform:translateY(-45%) rotate(-4deg);box-shadow:12px 20px 30px #24251f40;border-radius:6px}.tekniq{background:#ddd9cf}.tekniq .art-caption{font-size:7px}body.accessible h3 button{text-decoration:underline;text-underline-offset:4px}
.about-portrait{margin:32px 0 0;max-width:420px}.about-portrait img{display:block;width:100%;height:380px;object-fit:cover;object-position:50% 17%;border-radius:3px}.about-portrait figcaption{margin-top:12px;font-size:10px;color:var(--muted);letter-spacing:.7px}.about-copy{align-self:center}.tekniq-web{background:#d7dedf;color:#222c32}.web-window{position:absolute;width:86%;left:7%;top:22%;border:1px solid #56636b;border-radius:7px;overflow:hidden;background:#121c27;box-shadow:12px 15px 25px #243b4230;color:#e7eef3;transform:rotate(3deg)}.web-bar{padding:10px 14px;font-size:9px;border-bottom:1px solid #4e5b66;background:#25313d}.web-bar>span{margin-right:30px;font-size:8px;color:#a7b4bc}.web-content{padding:25px}.web-content small{font-size:7px;letter-spacing:1.5px}.web-content strong{display:block;font:500 36px/1.1 Manrope,Arial,sans-serif;letter-spacing:-1.5px;margin:15px 0}.web-content em{color:#88d9e8}.web-content>span{font-size:9px;border-bottom:1px solid #94acb9;padding-bottom:4px}.sound-project{grid-column:auto}.mini-sound{height:360px}.mini-sound strong{font-size:clamp(26px,3vw,42px);letter-spacing:-1.8px}.mini-sound img{width:42%}.mini-sound strong span{margin-left:8px;font-size:23px}@media(max-width:900px){.mini-sound{height:310px}.web-content strong{font-size:30px}}@media(max-width:600px){.about-portrait{max-width:none}.about-portrait img{height:390px}.mini-sound{height:330px}.web-content strong{font-size:34px}}body.accessible .about-portrait{display:none}
.about-portrait img{object-position:50% 0}
.case-link{display:block;font-size:12px;text-decoration:underline;text-underline-offset:3px;margin:9px 0}.case-hero{padding:55px 0 35px;max-width:1050px}.case-hero .eyebrow{margin-top:45px}.case-hero h1{margin:24px 0;font-size:clamp(42px,6vw,78px)}.case-intro{font-size:clamp(20px,2.5vw,28px);line-height:1.5;max-width:900px;letter-spacing:-.5px}.case-status{font-size:14px;line-height:1.7;border-left:3px solid var(--orange);padding:15px 20px;background:#e8e6de;margin:30px 0 0}.case-image{margin:0 0 45px;background:#deded5;padding:25px}.case-image img{display:block;width:100%;max-height:570px;object-fit:contain}.case-image figcaption{font-size:12px;margin-top:15px;color:var(--muted)}.case-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:65px;padding:40px 0 80px}.case-layout aside nav{display:flex;flex-direction:column;gap:16px;position:sticky;top:30px;font-size:13px;line-height:1.5}.case-body{max-width:820px}.case-body section{border-top:1px solid var(--line);padding:30px 0;scroll-margin-top:25px}.case-body h2{font-size:34px;letter-spacing:-1.2px;margin-bottom:22px}.case-body p{line-height:1.85;color:var(--muted);font-size:16px}.case-feature{padding:12px 0 0}.case-feature h3{font-size:20px;font-weight:600}.case-feature p{margin-bottom:12px}.case-next>div{display:flex;flex-wrap:wrap;gap:12px}.case-next .case-source{font-size:12px;margin-top:30px}.case-page footer{font-size:13px}.case-page.accessible .case-layout{display:block}.case-page.accessible aside{margin-bottom:35px}.case-page.accessible aside nav{position:static;display:block;font-size:18px}.case-page.accessible aside nav a{display:block;margin:16px 0}.case-page.accessible .case-body p{font-size:19px}.case-page.accessible .case-status{background:#fff;border:2px solid #000;font-size:18px}.case-page.accessible .case-image{display:none}@media(max-width:900px){.case-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}@media(max-width:600px){.case-layout{display:block;padding-top:15px}.case-layout aside{margin-bottom:35px}.case-layout aside nav{position:static;gap:12px}.case-hero{padding-top:35px}.case-hero h1{font-size:43px}.case-body h2{font-size:30px}.case-page footer{display:block;overflow-wrap:anywhere}.case-page footer a{display:block;margin-bottom:14px}}
/* Reading rhythm: a comfortable measure, distinct paragraphs and generous section breaks. */
body{line-height:1.6}p{letter-spacing:normal}.intro,.about-copy p,.sound-copy>p,.contact-bottom p{max-width:65ch}.case-layout{grid-template-columns:220px minmax(0,1fr);column-gap:clamp(40px,6vw,90px);padding-top:56px}.case-body{width:100%;max-width:65ch;font-size:18px}.case-body section{padding:52px 0 56px}.case-body h2{margin-bottom:28px;line-height:1.2}.case-body p{font-size:18px;line-height:1.8;letter-spacing:normal;margin:0 0 1.5em;max-width:65ch;text-wrap:pretty}.case-feature{padding-top:28px}.case-feature h3{margin:0 0 14px;line-height:1.4}.case-feature p{margin-bottom:12px}.case-body section>p:last-child{margin-bottom:0}.case-intro{max-width:48ch;line-height:1.65;letter-spacing:normal}.case-status{max-width:75ch;padding:22px 26px;line-height:1.85}.case-layout aside nav{gap:20px;line-height:1.65}.case-next>div{gap:16px;margin:32px 0 0}.case-next .button{line-height:1.5;padding:17px 22px}.case-next .case-source{font-size:13px;line-height:1.8;margin:36px 0 0;max-width:65ch}.case-page footer{padding-top:36px;padding-bottom:36px}.case-page.accessible .case-body{max-width:65ch}.case-page.accessible .case-body p{font-size:20px;line-height:1.85}.case-page.accessible .case-body section{padding:44px 0}.case-page.accessible .case-intro{font-size:24px;line-height:1.7}@media(max-width:900px){.case-layout{grid-template-columns:175px minmax(0,1fr);gap:35px}}@media(max-width:600px){.case-layout{display:block;padding-top:32px}.case-layout aside{margin-bottom:44px}.case-body{font-size:17px}.case-body p{font-size:17px;line-height:1.85}.case-body section{padding:36px 0 40px}.case-body h2{margin-bottom:24px}.case-feature{padding-top:24px}.case-status{padding:18px 20px}.case-next>div{flex-direction:column;align-items:flex-start;gap:16px}.case-next .button{max-width:100%;white-space:normal}}
.case-body,.case-page.accessible .case-body{max-width:min(65ch,680px)}
/* Feature headings remain visibly distinct from reading text. */
.case-feature{padding-top:36px}.case-feature h3{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;line-height:1.35;letter-spacing:-.5px;color:var(--ink);margin:0 0 16px;padding-left:16px;border-left:3px solid var(--orange)}.case-feature p{font-weight:400;color:#505149}.case-page.accessible .case-feature h3{font-size:27px;font-weight:800;border-left:4px solid currentColor}.case-page.accessible .case-feature p{color:#161616}@media(max-width:600px){.case-feature{padding-top:30px}.case-feature h3{font-size:22px;line-height:1.4;margin-bottom:16px;padding-left:13px}.case-page.accessible .case-feature h3{font-size:25px}}
.screenshot-gallery{padding:35px 0 65px;border-top:1px solid var(--line);scroll-margin-top:30px}.screenshot-gallery h2{margin:24px 0}.gallery-intro{max-width:65ch;line-height:1.8;color:var(--muted);margin-bottom:36px}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.screenshot-grid figure{margin:0;min-width:0}.screenshot-grid figure>a{display:block;background:#121617;border-radius:4px;overflow:hidden}.screenshot-grid img{display:block;width:100%;height:auto}.screenshot-grid figcaption{padding-top:20px}.screenshot-grid strong{font-size:21px;font-weight:700}.screenshot-grid figcaption p{line-height:1.75;color:var(--muted);font-size:15px;margin:10px 0 14px;max-width:55ch}.screenshot-grid figcaption a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.case-page.accessible .screenshot-grid{grid-template-columns:1fr}.case-page.accessible .screenshot-grid strong{font-size:24px}.case-page.accessible .screenshot-grid figcaption p,.case-page.accessible .screenshot-grid figcaption a{font-size:18px}@media(max-width:600px){.screenshot-grid{grid-template-columns:1fr;gap:38px}.screenshot-gallery{padding-bottom:40px}}
.app-download{max-width:780px;padding:40px 0 55px;border-top:1px solid var(--line)}.app-download h2{margin:25px 0}.app-download p,.app-download li{font-size:17px;line-height:1.85;color:var(--muted)}.app-download .button{margin:12px 0 35px}.app-download h3{font-size:23px;font-weight:700;margin:0 0 18px}.app-download ol{padding-left:24px;margin:0 0 28px}.app-download li{padding-left:5px;margin-bottom:10px}.case-page.accessible .app-download p,.case-page.accessible .app-download li{font-size:20px;color:#000}
.system-art{display:grid;grid-template-columns:1fr 1fr;background:#191a17;color:#f3f1eb;max-height:620px;overflow:hidden;margin-bottom:65px}.system-art>img{width:100%;height:620px;object-fit:cover;object-position:center 40%}.system-art>div{padding:55px;align-self:center}.system-art>div>span{font-size:10px;letter-spacing:2px}.system-art strong{display:block;font:800 clamp(80px,12vw,170px)/1 Manrope,Arial,sans-serif;letter-spacing:-8px;margin:30px 0}.system-art strong span{font:500 18px 'DM Sans',Arial,sans-serif;letter-spacing:3px;display:block;margin:15px 0}.system-art p{font-size:24px;line-height:1.6;color:#dcdbce}.system-listen,.system-tracks,.system-release{padding:45px 0 60px;border-top:1px solid var(--line)}.system-project h2{margin-bottom:28px}.system-listen .eyebrow,.system-tracks .eyebrow,.system-release .eyebrow{margin-bottom:25px}.system-platforms{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.system-platforms a{border:1px solid var(--ink);padding:16px 23px;border-radius:3px;font-size:15px}.system-platforms a:hover{background:var(--ink);color:var(--paper)}.system-tracks>p,.system-release>p{font-size:18px;line-height:1.8;max-width:65ch;color:var(--muted)}.track-list{margin-top:35px}.music-track{display:flex;gap:25px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.track-number{font-size:12px;color:var(--muted)}.music-track>div{flex:1}.music-track h3{font-size:23px;font-weight:700;line-height:1.4;margin-bottom:7px}.music-track p{margin:0;color:var(--muted);font-size:13px}.music-track>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.music-track button[aria-current=true]{background:var(--orange)}#track-player:not(:empty){margin-top:30px;padding:25px;border:1px solid var(--line)}#track-player iframe{display:block;border:0;width:100%;height:180px;margin-top:20px}.system-project.accessible .system-art{display:none}.system-project.accessible .music-track h3{font-size:26px}.system-project.accessible .music-track p,.system-project.accessible .music-track>a{font-size:18px}@media(max-width:600px){.system-art{grid-template-columns:1fr;max-height:none}.system-art>img{height:430px}.system-art>div{padding:30px}.system-art strong{font-size:100px;letter-spacing:-5px}.music-track{flex-wrap:wrap;gap:18px}.music-track>div{flex-basis:75%}.music-track h3{font-size:21px}.music-track>.button{margin-left:30px}.system-platforms{gap:12px}.system-platforms a{font-size:14px;padding:14px 18px}.system-listen,.system-tracks,.system-release{padding:35px 0 45px}}
.system-art{grid-template-columns:1fr;max-height:none}.system-art>div{padding:55px;max-width:800px}.sound{grid-template-columns:1fr}.sound-copy{max-width:950px;padding:65px 6%;width:100%;margin:auto}.mini-sound{padding:30px;justify-content:center}@media(max-width:600px){.system-art>div{padding:30px}.sound-copy{padding:45px 7%}}
html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body:not(.accessible){--paper:#1d1e1a;--ink:#f0eee5;--muted:#c1c2b7;--orange:#f6966c;--line:#515449}html[data-theme=dark] body:not(.accessible) .case-status{background:#2a2c25}html[data-theme=dark] body:not(.accessible) .case-feature p{color:var(--muted)}html[data-theme=dark] body:not(.accessible) .tag,html[data-theme=dark] body:not(.accessible) .skills span{border-color:#696d5e}html[data-theme=dark] body:not(.accessible) .case-image{background:#292c25}html[data-theme=dark] body:not(.accessible) .core{color:#50200f}html[data-theme=dark] body:not(.accessible) .signal-grid{opacity:.35}html[data-theme=dark] body:not(.accessible) .sound{border-block:1px solid var(--line)}html[data-theme=dark] body:not(.accessible) .close{color:var(--ink)}html[data-theme=dark] body:not(.accessible) .project-art{color:#24251f}html[data-theme=dark] body:not(.accessible) .stage{color:#e4e6d8}html[data-theme=dark] body:not(.accessible) .vfx{color:#eeecfa}html[data-theme=dark] body:not(.accessible) .mini-sound{color:#f3eddf}html[data-theme=dark] body:not(.accessible) .tekniq-web{color:#222c32}html[data-theme=dark] body:not(.accessible) .button:hover{color:#1d1e1a}.display-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}#theme-toggle{background:transparent;border:1px solid #92948a;border-radius:24px;padding:10px 15px;font-size:12px;white-space:nowrap}.accessible{color-scheme:light}.accessible #theme-toggle{font-size:16px;border:2px solid #000;color:#000}.accessible .display-controls{flex-wrap:wrap}@media(max-width:900px){header{gap:14px}nav{gap:22px}#theme-toggle{padding:9px 12px;font-size:11px}#accessible{font-size:11px}}@media(max-width:700px){header{height:auto;flex-wrap:wrap;padding-top:20px;padding-bottom:18px}header>nav{order:3;width:100%;justify-content:space-between;margin-top:14px;gap:12px}.display-controls{gap:7px}#accessible{font-size:10px;padding:9px 10px}#theme-toggle{font-size:10px;padding:9px 10px}.brand{font-size:38px}}@media(max-width:380px){header .display-controls{gap:5px}#accessible,#theme-toggle{padding:8px;font-size:9px}.accessible header .display-controls{flex-basis:100%}}
.music-back{margin:36px 0 28px}.artist-banner{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:50px;padding:50px;background:linear-gradient(120deg,#141b23,#252c32 65%,#37352d);color:#f3f1eb;border-radius:4px}.artist-banner h1{font-size:clamp(55px,6.4vw,92px);margin:25px 0;line-height:1;letter-spacing:-5px}.artist-banner h1 span{color:#70d5ef}.artist-banner>div>p:not(.eyebrow){font-size:24px;line-height:1.6;color:#c8d0d6}.artist-banner .eyebrow{font-size:10px;color:#bac5cc}.artist-banner-links{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px;font-size:13px}.artist-banner .button{background:#f6966c;color:#191b1d}.banner-cover{display:block}.banner-cover img{display:block;width:100%;height:auto;box-shadow:0 15px 35px #0007}.banner-cover>span{display:block;margin-top:15px;font-size:9px;letter-spacing:2px;color:#d3d3c9}.music-tabs{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid var(--line);font-size:14px;overflow:auto;line-height:1.5}.music-tabs a{white-space:nowrap}.music-tabs a:first-child{border-bottom:3px solid var(--orange);padding-bottom:9px}.music-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px}.music-layout .system-tracks{border:0;padding-top:45px}.music-layout h2{font-size:34px;letter-spacing:-1.4px}.music-layout .system-tracks>p{font-size:16px}.cover-track{display:grid;grid-template-columns:160px minmax(0,1fr);gap:25px;padding:28px 0;border-top:1px solid var(--line)}.track-cover img{display:block;width:100%;height:auto;border-radius:2px}.cover-track-content{align-self:center;min-width:0}.track-artist{display:block;font-size:11px;letter-spacing:1.2px;color:var(--muted);margin-bottom:13px}.track-artist>span{opacity:.7;margin-left:10px}.cover-track h3{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.4px;margin:0 0 22px}.track-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.track-actions .button{border-radius:24px;padding:11px 17px;gap:8px;background:var(--orange);color:#fff}.track-actions>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.artist-sidebar{border-left:1px solid var(--line);padding:45px 0 30px 28px;align-self:start}.artist-sidebar .eyebrow{font-size:10px;margin-bottom:25px}.artist-sidebar h2{font-size:30px;line-height:1.3}.artist-sidebar p{font-size:15px;line-height:1.85;color:var(--muted)}.artist-sidebar h3{margin:35px 0 18px;font-size:18px;font-weight:700;line-height:1.5}.artist-services{display:flex;flex-direction:column;gap:15px;font-size:14px}.artist-services a{border-bottom:1px solid var(--line);padding-bottom:12px}.mini-covers{display:flex;justify-content:center;align-items:center;gap:10px}.mini-covers img{width:29%;max-width:140px;height:auto;aspect-ratio:1;object-fit:cover;transform:rotate(-5deg);box-shadow:5px 8px 20px #0005}.mini-covers img:nth-child(2){transform:rotate(4deg) translateY(-12px)}.mini-sound{flex-direction:column;gap:25px}.mini-sound strong{font-size:32px}.sound-cover-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.sound-cover-strip img{display:block;width:100%;height:auto;aspect-ratio:1}.system-project.accessible .artist-banner{background:#000;color:#fff;grid-template-columns:1fr}.system-project.accessible .artist-banner h1 span{color:#ffcb76}.system-project.accessible .banner-cover{display:none}.system-project.accessible .music-layout{display:block}.system-project.accessible .artist-sidebar{border-left:0;border-top:2px solid #000;padding-left:0}.system-project.accessible .track-actions .button{background:#000;color:#fff}.system-project.accessible .track-actions>a,.system-project.accessible .artist-services{font-size:18px}html[data-theme=dark] .system-project:not(.accessible) .track-actions .button{color:#1d1e1a}@media(max-width:1000px){.artist-banner{grid-template-columns:1fr 240px;padding:35px;gap:30px}.music-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.cover-track{grid-template-columns:125px minmax(0,1fr);gap:20px}.cover-track h3{font-size:20px}}@media(max-width:700px){.artist-banner{grid-template-columns:1fr;padding:28px}.artist-banner h1{font-size:60px;letter-spacing:-3px}.banner-cover{max-width:300px;justify-self:center}.music-tabs{gap:23px;font-size:12px}.music-layout{display:block}.artist-sidebar{border-left:0;border-top:1px solid var(--line);padding:35px 0}.cover-track{grid-template-columns:100px minmax(0,1fr);gap:18px}.cover-track h3{font-size:19px;margin-bottom:16px}.track-actions{gap:12px}.track-actions>a{font-size:11px}.track-actions .button{font-size:12px}.track-artist{font-size:9px;line-height:1.6;margin-bottom:8px}.music-layout h2{font-size:30px}.sound-cover-strip{grid-template-columns:repeat(3,1fr)}.mini-covers img{max-width:120px}}
.audit-gallery figure{margin:0}.audit-screenshot-crop{display:block;aspect-ratio:1.9;overflow:hidden;background:#1f2225;border-radius:4px}.audit-screenshot-crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.audit-gallery figcaption{padding-top:22px;max-width:65ch}.audit-gallery figcaption strong{font-size:22px}.audit-gallery figcaption p{font-size:16px;line-height:1.8;color:var(--muted);margin:12px 0 18px}.audit-gallery figcaption a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.accessible .audit-gallery figcaption p,.accessible .audit-gallery figcaption a{font-size:18px}@media(max-width:600px){.audit-screenshot-crop{aspect-ratio:1.35}.audit-screenshot-crop img{object-fit:cover;object-position:50% 0}}

/* Weather broadcast artwork uses the shared project-card dimensions. */
.project-art.weather-preview{background:#102e36;color:#f8f2e7;isolation:isolate}.weather-presenter-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.weather-preview:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#071e2a99,transparent 30%,transparent 70%,#071e2abb)}.weather-preview .art-top{color:#f8f2e7}.weather-preview .art-caption{color:#f8f2e7;z-index:2;right:25px;display:flex;justify-content:space-between;gap:12px;line-height:1.6}.weather-preview .art-caption>span{font-size:6px;opacity:.8;letter-spacing:1px}@media(max-width:600px){.weather-preview .art-top{font-size:11px}.weather-preview .art-caption{font-size:7px}.weather-preview .art-caption>span{display:none}}

/* Share media/caption rows so paired titles align without cropping media. */
@media(min-width:601px){body:not(.accessible) .screenshot-grid{row-gap:0}body:not(.accessible) .screenshot-grid>figure{display:grid;grid-row:span 2;grid-template-rows:subgrid;margin-bottom:42px}body:not(.accessible) .screenshot-grid>figure>a,body:not(.accessible) .screenshot-grid>figure>video{align-self:start}body:not(.accessible) .screenshot-grid>figure>figcaption{align-self:start}}

/* Three-cover, seamless album carousel. */
.cover-carousel{margin:32px 0}.cover-carousel .sound-cover-strip{display:block;overflow:hidden;margin:0}.cover-carousel-track{--cover-gap:36px;display:flex;gap:var(--cover-gap);width:100%;will-change:transform;animation:cover-drift 40s linear infinite;animation-play-state:paused}.cover-carousel-track>a{display:block;flex:0 0 calc((100% - 2*var(--cover-gap))/3);min-width:0}.cover-carousel-track img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cover-carousel-toggle{margin-top:18px;padding:8px 14px;border:1px solid #77796b;border-radius:20px;background:transparent;color:inherit;font:inherit;font-size:12px}.cover-carousel-toggle:hover{border-color:currentColor}.cover-carousel[data-running=true] .cover-carousel-track{animation-play-state:running}@keyframes cover-drift{to{transform:translateX(calc(-1*var(--cover-loop,0px)))}}@media(max-width:600px){.cover-carousel-track{--cover-gap:20px}.cover-carousel-toggle{font-size:13px}}@media(prefers-reduced-motion:reduce){.cover-carousel-track{animation:none!important;transform:none!important}.cover-carousel .sound-cover-strip{overflow-x:auto}}body.accessible .cover-carousel-track{animation:none!important;transform:none!important}body.accessible .cover-carousel .sound-cover-strip{overflow-x:auto}body.accessible .cover-carousel-toggle{display:none}body.accessible .cover-carousel-track>[data-clone]{display:none}

/* Recognisable service marks, with readable text labels retained. */
.service-logo{display:inline-block;width:23px;height:23px;flex:0 0 23px;margin-right:10px;vertical-align:-5px;background:currentColor;mask:var(--service-mark) center/contain no-repeat;-webkit-mask:var(--service-mark) center/contain no-repeat}.logo-soundcloud{--service-mark:url('/assets/brands/soundcloud.svg')}.logo-spotify{--service-mark:url('/assets/brands/spotify.svg')}.logo-applemusic{--service-mark:url('/assets/brands/applemusic.svg')}.logo-amazonmusic{--service-mark:url('/assets/brands/amazonmusic.svg')}.app-store-badge{display:inline-block!important;vertical-align:middle;background:none!important;border:0!important;padding:0!important;margin:16px 12px 0 0;line-height:0;text-decoration:none!important}.app-store-badge img{display:block!important;width:150px!important;height:50px!important;max-width:100%;object-fit:contain}.case-next .app-store-badge{margin-top:0}.app-store-badge:focus-visible{outline:3px solid var(--orange);outline-offset:5px;border-radius:6px}@media(max-width:600px){.service-logo{width:21px;height:21px;flex-basis:21px;margin-right:8px}}

/* Align reading columns at their opening edge, with section labels above. */
.about{align-items:start;row-gap:30px}.about>.eyebrow{grid-column:1/-1;margin:0}.about-copy{align-self:start}.about-profile>h2,.about-copy>.large-copy{margin-top:0}.contact-bottom{align-items:flex-start}body.accessible .about>.eyebrow{margin-bottom:30px}

/* Independent 3D gimbals around a stable, readable core. */
.signal{perspective:850px}.gyro-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.gyro-stage .orbit{backface-visibility:visible;will-change:transform}.gyro-stage .orbit-one{animation:gyro-one 18s linear infinite}.gyro-stage .orbit-two{animation:gyro-two 24s linear infinite}.gyro-stage .orbit-three{animation:gyro-three 32s linear infinite}.gyro-stage .core{transform:translateZ(0);backface-visibility:hidden}.signal-grid,.signal-label,.signal-coord{pointer-events:none}.signal-label,.signal-coord{z-index:2}@keyframes gyro-one{from{transform:rotateZ(-35deg) rotateX(65deg) rotateY(0deg)}to{transform:rotateZ(325deg) rotateX(65deg) rotateY(360deg)}}@keyframes gyro-two{from{transform:rotateZ(30deg) rotateY(65deg) rotateX(0deg)}to{transform:rotateZ(-330deg) rotateY(65deg) rotateX(360deg)}}@keyframes gyro-three{from{transform:rotateX(25deg) rotateY(48deg) rotateZ(0deg)}to{transform:rotateX(385deg) rotateY(408deg) rotateZ(360deg)}}@media(prefers-reduced-motion:reduce){.gyro-stage .orbit{animation:none!important;will-change:auto}.gyro-stage .orbit-one{transform:rotateX(58deg) rotate(-35deg)}.gyro-stage .orbit-two{transform:rotateY(58deg) rotate(30deg)}.gyro-stage .orbit-three{transform:rotateX(25deg) rotateY(48deg)}}

/* Distinct gimbal weights keep crossing rings legible. */
.gyro-stage .orbit-one{border-width:1.5px}.gyro-stage .orbit-two{border-width:2.5px}.gyro-stage .orbit-three{border-width:3.5px}

.project-art.country-clash-art{background:#101b1c;color:#fff;isolation:isolate}.country-clash-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.country-clash-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#071820aa,transparent 30%,transparent 65%,#071820cc)}.country-clash-art .art-top,.country-clash-art .art-caption{z-index:2;color:#fff}
