:root{--paper:#ededea;--ink:#202123;--blue:#706088}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #ff8f50;outline-offset:6px}::selection{background:var(--blue);color:white}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;padding:14px}.skip:focus{top:20px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;gap:32px;position:relative;z-index:30}.logo{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;line-height:1;display:inline-flex;flex-direction:column}.logo span{font-size:10px;letter-spacing:5.2px;margin-top:7px}.header-statement{font-size:17px;line-height:1.2;margin-left:auto;margin-right:8%;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:12px}.pill{font-size:11px;font-weight:600;padding:16px 22px;border-radius:30px;display:flex;gap:25px;align-items:center;background:#e4e5ec}.pill span{font-size:16px}.talk{background:#252730;color:white}#menu{position:absolute;right:4.4%;top:95px;background:var(--ink);color:white;padding:35px;width:min(500px,91%);z-index:40;border-radius:20px;box-shadow:0 20px 50px #0003}#menu a{display:flex;align-items:center;justify-content:space-between;font-size:38px;padding:16px 0;border-bottom:1px solid #ffffff30}#menu a span{font-size:12px}.hero{height:calc(100svh - 156px);min-height:620px;max-height:1080px;margin:0 4.4%;position:relative;border-radius:24px;overflow:hidden;color:white;background:radial-gradient(ellipse at 67% 48%,#494052,#24232c 55%,#191a1e)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.hero-top,.hero-bottom{position:absolute;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center}.hero-top{top:30px;font-size:9px;letter-spacing:1.4px;color:#cfccd5}.hero-title{position:absolute;left:6%;top:28%;pointer-events:none}.hero-title p{font-size:10px;letter-spacing:2px;margin-bottom:24px}.hero-title h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(72px,8.6vw,158px);line-height:.99;font-weight:500;letter-spacing:-7px;margin:0;text-shadow:0 2px 40px #13256d30}em{font-family:inherit;font-weight:400;font-style:normal}.hero-bottom{bottom:32px}.hero-bottom>span{font-size:13px;line-height:1.6;color:#cfccd5}.round{width:58px;height:58px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;font-size:25px;transition:transform .3s}.round:hover{transform:rotate(-30deg)}.motion{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:transparent;color:#cfccd5;font-size:9px;letter-spacing:1px}.scroll-line{height:44px;margin:0 4.4%;display:flex;justify-content:space-between;align-items:center}.scroll-line span{font-size:25px;font-weight:400}.scroll-line a{font-size:10px}.section{margin:0 4.4%;padding:115px 0}.eyebrow{font-size:10px;letter-spacing:1.1px;font-weight:500}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-bottom:1px solid #ced0d9}.intro>.eyebrow{padding-top:12px}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(45px,6vw,92px);font-weight:500;letter-spacing:-4px;line-height:1.08;margin:0 0 32px}.blue{color:var(--blue)}.intro-copy{font-size:21px;line-height:1.55;max-width:640px}.text-link{display:inline-flex;align-items:center;gap:60px;font-size:11px;font-weight:600;margin-top:25px;border-bottom:1px solid var(--ink);padding:0 0 14px}.text-link span{font-size:23px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-head h2{font-size:58px;margin:0}.section-head p{font-size:10px;line-height:1.7}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-art{height:520px;border-radius:18px;position:relative;overflow:hidden}.zest .project-art{background:#ef6828}.zest img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.zest .art-word{position:absolute;left:24px;top:12px;font-size:115px;line-height:1;font-weight:700;letter-spacing:-8px;color:#fffbd7;mix-blend-mode:screen}.project-go{position:absolute;right:24px;top:24px;width:45px;height:45px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:25px;transition:transform .3s}.project:hover .project-go{transform:rotate(45deg)}.project:hover img{transform:scale(1.04)}.art-label{position:absolute;bottom:25px;left:26px;color:white;font-size:10px;letter-spacing:1px}.klar .project-art{background:#d3e0e2;display:flex;align-items:center;justify-content:center}.klar img{position:relative;width:80%;height:83%;object-fit:contain;transition:transform .8s}.klar .art-label{color:#305357}.klar-orbit{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#b3c9ca);box-shadow:0 20px 80px #47777d30}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.project-info h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0}.project-info p{font-size:9px;letter-spacing:.5px}.project-desc{font-size:15px;line-height:1.6;max-width:420px;color:#626572}.ekko{margin-top:70px;border-radius:20px;background:#1c1e26;color:white;padding:35px 40px;overflow:hidden}.ekko-top,.ekko-bottom{display:flex;justify-content:space-between;align-items:center}.badge{font-size:9px;letter-spacing:1px;display:flex;gap:8px;align-items:center;background:#30323b;padding:10px 15px;border-radius:30px}.badge i{width:5px;height:5px;background:#c1b2d4;border-radius:50%}.ekko-body{height:240px;display:flex;align-items:center;justify-content:space-between}.ekko h3{font-family:Manrope,sans-serif;font-size:130px;font-weight:500;letter-spacing:-9px;margin:0}.ekko h3 span{font-size:50px;vertical-align:top;margin-left:10px}.wave{display:flex;gap:5px;height:165px;align-items:center;width:48%;justify-content:center}.wave i{height:var(--h);width:5px;border-radius:5px;background:#bcb1d3;transform:scaleY(.75);animation:wave 2s ease-in-out alternate infinite;animation-delay:var(--d)}.ekko-bottom p{font-size:14px;line-height:1.5;color:#b6b8c3}.music{padding:65px 6%;margin:0;background:#202125;color:#ededea}.music-top{display:flex;align-items:center;justify-content:space-between}.music-top>span{font-size:11px}.music-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:70px 0}.record{aspect-ratio:1;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#101116 0px,#101116 2px,#272835 3px,#111219 4px);box-shadow:22px 32px 50px #03073566;display:grid;place-items:center;animation:vinyl 40s linear infinite}.record:after{content:'';width:12px;height:12px;background:#202125;border:4px solid #17191e;border-radius:50%;position:absolute}.record-label{width:36%;aspect-ratio:1;border-radius:50%;background:#bcb1d3;color:#17191e;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(13px,2vw,26px);font-weight:500;letter-spacing:-1px;padding-bottom:25px}.record-label small{font-size:6px;letter-spacing:1px;margin-top:30px}.music h2{font-size:clamp(54px,6vw,100px);letter-spacing:-5px;margin:0 0 35px}.music-copy>p{font-size:16px;line-height:1.6;max-width:350px;color:#b9b8c2}.music-links>a{border-top:1px solid #ffffff50;display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:23px 0;transition:padding .3s}.music-links>a:hover{padding-left:15px}.music-links>a:last-child{border-bottom:1px solid #ffffff50}.music-links span{font-size:10px}.music-links h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.portrait{aspect-ratio:.9;position:relative;border-radius:18px;overflow:hidden;background:#dadce4}.portrait img{width:100%;height:100%;object-fit:cover;filter:none}.portrait span{position:absolute;bottom:25px;left:25px;font-size:9px;color:white;letter-spacing:1px}.about h2{font-size:67px}.about>div>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#626572}.contact{border-top:1px solid #ced0d9}.contact>a{font-family:Manrope,sans-serif;font-size:clamp(65px,10.8vw,175px);font-weight:500;line-height:1.05;letter-spacing:-7px;display:block;position:relative;padding:40px 0 70px}.contact>a>span{position:absolute;right:0;top:20px;color:var(--blue);transition:transform .4s}.contact>a:hover>span{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}footer{margin:0 4.4%;padding:35px 0;border-top:1px solid #ced0d9;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>a:not(.logo){font-size:11px}footer .logo{font-size:20px}footer .logo span{font-size:7px;letter-spacing:3.7px}@keyframes wave{to{transform:scaleY(1)}}@keyframes vinyl{to{transform:rotate(360deg)}}@keyframes meter{to{transform:scaleY(.4)}}
@media(min-width:1500px){.hero{min-height:800px}.project-art{height:650px}}@media(max-width:900px){.header-statement{display:none}header{height:100px;gap:15px}.hero{min-height:620px}.hero-title h1{letter-spacing:-5px}.hero-title{top:32%}.hero-top span:last-child{display:none}.section{padding:80px 0}.intro{grid-template-columns:1fr;gap:25px}.intro-copy{max-width:650px}.project-art{height:380px}.project-info{display:block}.project-info p{margin-top:8px}.ekko h3{font-size:95px}.music{padding:60px 6%}.music-main{gap:6%}.about{gap:6%}.about h2{font-size:50px;letter-spacing:-2px}.section-head h2{font-size:45px}.music h2{letter-spacing:-3px}.contact>a{letter-spacing:-4px}}
@media(max-width:600px){header{height:90px;padding:0 5%;gap:8px}.logo{font-size:21px}.logo span{font-size:7px;letter-spacing:4px}.header-actions{gap:7px}.pill{padding:13px 15px;font-size:9px;gap:12px}.hero{margin:0 4%;height:calc(90svh - 110px);min-height:570px;border-radius:18px}.hero-top{left:22px;top:25px;font-size:8px}.hero-title{left:7%;top:30%}.hero-title p{font-size:8px}.hero-title h1{font-size:72px;letter-spacing:-4px}.hero-bottom{left:25px;right:25px;bottom:30px}.hero-bottom>span{font-size:11px}.round{width:45px;height:45px}.motion{bottom:95px;font-size:8px;left:7%;transform:none}.scroll-line{margin:0 5%}.scroll-line span:nth-child(2),.scroll-line span:nth-child(4){display:none}.section{margin:0 6%;padding:65px 0}h2{font-size:49px;letter-spacing:-2.5px}.intro{gap:20px}.intro-copy{font-size:18px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:41px}.section-head p{margin-top:20px}.projects{grid-template-columns:1fr;gap:35px}.project-art{height:440px}.project-info{display:flex}.project-info h3{font-size:29px}.project-info p{font-size:8px}.project-desc{font-size:14px}.zest .art-word{font-size:100px}.ekko{margin-top:45px;padding:25px}.ekko-body{height:220px;display:block;padding-top:25px}.ekko h3{font-size:85px;letter-spacing:-6px}.ekko h3 span{font-size:30px}.wave{height:65px;width:100%;gap:4px}.wave i{max-height:65px;width:4px}.ekko-bottom{align-items:start;gap:15px}.ekko-bottom p{font-size:11px}.badge{font-size:7px;padding:8px 10px}.music{margin:0;padding:45px 6%}.music-top>.eyebrow{font-size:8px}.music-main{grid-template-columns:1fr;padding:40px 0;gap:45px}.record{width:85%;margin:auto}.record-label{font-size:20px}.music h2{font-size:64px}.music-copy>p{max-width:100%}.music-links>a{grid-template-columns:30px 1fr auto;padding:22px 0}.music-links h3{font-size:24px}.music-links span{font-size:8px}.about{grid-template-columns:1fr;gap:40px}.portrait{aspect-ratio:1}.about h2{font-size:57px}.contact>a{font-size:67px;letter-spacing:-3px;padding:30px 0 50px}.contact>a>span{font-size:55px;top:10px}.contact .eyebrow{max-width:250px;line-height:1.7}.contact-bottom{display:block;line-height:2.2;font-size:8px}.contact-bottom span{display:block}footer{margin:0 6%;display:grid;grid-template-columns:1fr 1fr;padding:30px 0}footer p{font-size:9px}footer>a:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* EGOHEAD WORKS — graphite, warm silver, and a restrained signal violet. */
.header-statement{font-size:15px;line-height:1.35;color:#5e5e64}.pill{background:#dededc}.talk{background:#242528;color:#f5f5f2}.logo span{letter-spacing:5px}.hero-title{top:31%;left:5.8%;right:4%}.hero-title h1{font-size:clamp(52px,6.3vw,112px);line-height:1.06;letter-spacing:-.055em}.hero-title h1 em{color:#c6bfd4;font-weight:400}.hero-title p{font-size:9px;letter-spacing:1.7px}.hero-top{color:#c4c1cb}.hero-bottom>span{color:#cfccd5}.hero{border:1px solid #ffffff18}.round{background:#ededea}.section-head h2{font-weight:500;letter-spacing:-2.5px}.section-head p,.eyebrow,.project-info p,.art-label,.music-links>a>span,.contact-bottom,.roots-signature{font-family:'DM Sans',Arial,sans-serif}.intro h2{font-size:clamp(45px,5.4vw,82px)}.text-link{font-size:10px;letter-spacing:.6px}.project-art{border-radius:14px}.project-info h3{font-size:30px}.project-desc{color:#606166}.project-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9c9c6;margin-top:22px;padding:17px 0;font-size:10px;letter-spacing:1px}.project-cta>span{font-size:20px}.project:hover .project-cta{color:#706088}.ekko{background:linear-gradient(135deg,#2b2a31,#1d1e21);border:1px solid #ffffff15}.ekko h3{font-size:118px;line-height:1}.ekko h3 .ekko-subtitle{display:block;font-size:10px;letter-spacing:2px;margin:20px 0 0;color:#aaa5b4;line-height:1}.ekko-body{height:245px}.music{background:radial-gradient(ellipse at 10% 35%,#34313c,#202125 60%);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.music h2{font-size:clamp(44px,5.8vw,88px);letter-spacing:-.05em}.music h2 em{color:#bcb1d3}.record-label{background:#c5bdcf}.music-links>a{border-color:#ffffff26}.music-links>a:last-child{border-color:#ffffff26}.music-links>a:hover{color:#c5bdcf}.roots{border-top:1px solid #c9c9c6;padding-bottom:0;overflow:hidden}.roots-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.roots-meta>span{font-size:10px;letter-spacing:1px;color:#606166}.roots-body{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:start}.roots h2{font-size:clamp(40px,5.8vw,85px);letter-spacing:-.05em}.roots h2 em{color:#706088}.roots-body>div>p{font-size:18px;line-height:1.65;color:#606166;margin:7px 0 28px}.roots-signature{font-size:10px;letter-spacing:1px}.roots-word{font-family:Manrope,Arial,sans-serif;font-size:clamp(90px,19.2vw,340px);font-weight:600;line-height:1;letter-spacing:-.085em;margin:55px 0 -12px;color:#d1d1cd;display:flex;justify-content:space-between;align-items:center}.roots-word>span{font-size:.6em;letter-spacing:0;color:#b5b2ba}.contact>a{font-size:clamp(52px,8.6vw,138px);letter-spacing:-.065em}.contact>a em{color:#706088}footer p{color:#66666b}.about .portrait{border-radius:14px}.portrait img{filter:none}
@media(max-width:900px){.hero-title h1{font-size:clamp(48px,7.2vw,70px)}.roots-body{gap:5%}.roots-body>div>p{font-size:16px}.ekko h3{font-size:90px}}
@media(max-width:600px){.hero-title{top:30%;left:7%;right:5%}.hero-title h1{font-size:49px;line-height:1.07;letter-spacing:-2.5px;max-width:340px}.hero-title p{font-size:7px;letter-spacing:1px;max-width:230px;line-height:1.5}.hero-top{font-size:7px}.intro h2{font-size:44px}.ekko h3{font-size:75px}.ekko h3 .ekko-subtitle{font-size:8px;margin-top:12px}.ekko-body{height:220px}.ekko-body .wave{margin-top:25px}.music h2{font-size:49px}.roots-meta{margin-bottom:30px}.roots-meta>span{font-size:8px}.roots-body{grid-template-columns:1fr;gap:0}.roots-body>div>p{font-size:16px}.roots-word{font-size:19vw;margin-top:35px;margin-bottom:-5px}.contact>a{font-size:52px;letter-spacing:-2.5px}.contact>a>span{font-size:42px;top:20px}footer p{font-size:8px;line-height:1.6}}

.frequency-fallback{position:absolute;right:9%;top:20%;width:40%;aspect-ratio:1;transform:rotate(-25deg)}.frequency-fallback span{position:absolute;inset:5%;border:25px solid #bfb8cb;border-radius:45% 55% 45% 55%;box-shadow:inset 4px 4px 14px #fff7,8px 16px 35px #0004}.frequency-fallback span:nth-child(2){transform:rotate(60deg);border-color:#81748c}.frequency-fallback span:nth-child(3){transform:rotate(120deg);border-width:7px;border-color:#bca994}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.music .record{animation:none;opacity:.84}.archive-status{padding:10px 14px;border:1px solid #ffffff30;border-radius:30px;letter-spacing:1px}.archive-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:25px 0 30px;border-top:1px solid #ffffff30}.archive-heading h3{font-size:40px;letter-spacing:-1.8px;font-weight:500;margin:8px 0 0}.archive-heading>p{font-size:11px;color:#bcb6c7}.archive-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.archive-filters{display:flex;gap:8px;flex-wrap:wrap}.archive-filters button{border:1px solid #ffffff28;padding:11px 16px;color:#d3cedc;background:transparent;border-radius:24px;font-size:11px;min-height:44px}.archive-filters button[aria-pressed=true]{background:#c5bdcf;color:#242528;border-color:#c5bdcf}.archive-search{position:relative;display:block}.archive-search input{background:#ffffff08;border:1px solid #ffffff30;color:#ededea;font:inherit;font-size:12px;padding:14px 40px 14px 16px;border-radius:8px;width:240px;min-height:44px}.archive-search input::placeholder{color:#bcb6c7}.archive-search input:focus{outline:2px solid #c5bdcf;outline-offset:3px}.archive-search>span:last-child{position:absolute;right:15px;top:12px;font-size:20px;pointer-events:none}.archive-note{font-size:12px;color:#bcb6c7;line-height:1.6;max-width:680px;margin:22px 0 28px}.archive-release{border-top:1px solid #ffffff25}.archive-release:last-child{border-bottom:1px solid #ffffff25}.archive-release summary{display:grid;grid-template-columns:40px 1fr 80px 24px;align-items:center;gap:12px;padding:23px 0;cursor:pointer;list-style:none}.archive-release summary::-webkit-details-marker{display:none}.archive-number{font-size:10px;color:#a7a3af}.archive-title h4{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:0 0 8px}.archive-title p{font-size:11px;color:#bcb6c7;margin:0;line-height:1.4}.archive-version-count{font-size:10px;color:#bcb6c7;text-align:right}.archive-expand{font-size:25px;font-weight:300;text-align:right}.archive-release[open] .archive-expand{transform:rotate(45deg)}.archive-release[open] summary .archive-title h4{color:#c5bdcf}.archive-release summary:focus-visible{outline:2px solid #c5bdcf;outline-offset:4px}.archive-versions{padding:0 0 25px 52px}.archive-version{padding:18px 0;border-top:1px solid #ffffff15}.version-name{font-size:14px;color:#e1dde8;margin:0 0 15px;line-height:1.5}.stream-links{display:flex;flex-wrap:wrap;gap:8px}.stream-links a{font-size:10px;border:1px solid #ffffff25;border-radius:6px;padding:11px 13px;min-height:40px;color:#cfc8db;display:flex;align-items:center;transition:background .2s}.stream-links a:hover{background:#ffffff12;color:white}.archive-versions>a{display:inline-block;font-size:10px;color:#bcb6c7;margin-top:22px;border-bottom:1px solid #ffffff30;padding-bottom:5px}.archive-sources{display:flex;flex-wrap:wrap;gap:25px;padding-top:30px;font-size:10px;color:#bcb6c7}.archive-sources>span{margin-right:auto;letter-spacing:1px}.archive-empty{font-size:15px;padding:30px 0}.music-main{padding-bottom:60px}.music-copy>p{max-width:420px}
@media(max-width:900px){.archive-tools{align-items:start;flex-direction:column}.archive-search,.archive-search input{width:100%}.archive-heading h3{font-size:34px}}
@media(max-width:600px){.archive-heading{align-items:start;flex-direction:column;gap:15px}.archive-heading>p{margin:0}.archive-filters{gap:6px}.archive-filters button{padding:10px 13px;font-size:10px}.archive-status{font-size:8px!important;padding:8px 10px}.archive-release summary{grid-template-columns:22px 1fr 20px;gap:10px;padding:22px 0}.archive-version-count{display:none}.archive-title h4{font-size:22px}.archive-title p{font-size:10px}.archive-versions{padding-left:32px}.stream-links{gap:6px}.stream-links a{font-size:9px;padding:11px 9px;min-height:44px}.archive-sources{gap:16px;font-size:9px}.archive-sources>span{width:100%}.version-name{font-size:13px}.archive-note{font-size:11px}.music-main{padding-bottom:35px}}

/* Editorial cards: original cover art, tighter type, and a compact three-column rhythm. */
.writing{border-top:1px solid #c9c9c6;padding-top:80px;padding-bottom:80px}.writing-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:32px}.writing-intro h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;margin-bottom:0}.writing-description>p{font-size:16px;line-height:1.55;color:#606166;margin:0;max-width:420px}.writing-description strong{font-weight:500;color:#202123}.writing-description .text-link{margin-top:18px;gap:35px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{min-width:0;border:1px solid #d1d1cd;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#e8e8e4;transition:transform .25s,border-color .25s}.article-card:hover{transform:translateY(-3px);border-color:#a99dbb}.article-cover{aspect-ratio:16/9;background:#f5f2e8;overflow:hidden;border-bottom:1px solid #d1d1cd}.article-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}.article-card:hover .article-cover img{transform:scale(1.02)}.article-body{padding:20px;display:flex;flex-direction:column;flex:1;gap:14px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:8px;letter-spacing:.55px;color:#626169;line-height:1.5}.article-meta time{white-space:nowrap}.article-card h3{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.6px;line-height:1.32;margin:0}.article-body>p{font-size:13px;line-height:1.55;color:#64636a;margin:0 0 3px}.article-cta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #ccccc7;padding-top:14px;font-size:8px;letter-spacing:.8px;min-height:36px}.article-cta>span:last-child{font-size:21px;transition:transform .25s}.article-card:hover .article-cta>span:last-child{transform:translate(2px,-2px)}.writing-footer{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:9px;letter-spacing:.7px;color:#626166;gap:20px}.writing-footer>a{color:#202123}.maker-links{display:flex;gap:30px;flex-wrap:wrap}.maker-links .text-link{gap:25px}
@media(max-width:1050px){.article-grid{gap:14px}.article-body{padding:17px;gap:12px}.article-card h3{font-size:18px}.article-meta{font-size:7px}.article-body>p{font-size:12px}.writing-intro{gap:5%}}
@media(max-width:760px){.writing-intro{grid-template-columns:1fr;gap:20px}.writing-description>p{max-width:600px}.article-grid{grid-template-columns:1fr}.article-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;background:transparent;border-radius:9px}.article-cover{border-bottom:0;border-right:1px solid #d1d1cd;width:100%;margin-top:0}.article-body{padding:18px;gap:12px}.article-card h3{font-size:20px}.article-body>p{font-size:13px}.article-meta{font-size:8px}.writing{padding-top:65px;padding-bottom:65px}}
@media(max-width:520px){.article-card{display:flex;flex-direction:column;background:#e8e8e4}.article-cover{border-right:0;border-bottom:1px solid #d1d1cd}.article-body{padding:18px;gap:12px}.article-card h3{font-size:21px}.article-meta{font-size:8px}.article-body>p{font-size:13px}.article-grid{gap:18px}.writing-intro{margin-bottom:26px}.writing-intro h2{font-size:44px}.writing-description>p{font-size:15px}.writing-footer{align-items:start;flex-direction:column;gap:14px;line-height:1.5}.maker-links{gap:5px}.maker-links .text-link{margin-top:20px}}

/* Separate product and personal identities, connected through a quiet founder link. */
.studio{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #c9c9c6}.studio h2{font-size:clamp(44px,5.4vw,82px);letter-spacing:-.05em}.studio-copy>p{font-size:19px;line-height:1.6;color:#606166;margin:0 0 30px}.studio-copy .studio-origin{font-size:9px;letter-spacing:1px;color:#706088}.founder-link{border-top:1px solid #c9c9c6;padding-top:30px;margin-top:40px}.founder-link>span{font-size:9px;letter-spacing:1px;color:#626166}.founder-link h3{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:-1px;margin:12px 0}.founder-link>p{font-size:14px;line-height:1.6;color:#626166;max-width:370px}.founder-link .text-link{margin-top:15px;gap:40px}.personal-logo{font-family:Manrope,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.13;letter-spacing:.2px}.personal-logo span{font-weight:500}.personal-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:center;padding-top:45px;padding-bottom:70px}.personal-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(45px,6.1vw,105px);font-weight:500;line-height:1.06;letter-spacing:-.065em;margin:28px 0 30px}.personal-lead{font-size:24px;line-height:1.45;letter-spacing:-.7px;margin:0 0 22px}.personal-bio{font-size:17px;line-height:1.65;color:#626166;max-width:530px}.personal-jumps{display:flex;gap:30px;flex-wrap:wrap}.personal-jumps .text-link{gap:25px;font-size:9px}.personal-hero .portrait{aspect-ratio:.8;border-radius:14px}.personal-hero .portrait span{font-size:8px;left:18px;bottom:20px}.portfolio-divider.section{padding:24px 0 35px;border-top:1px solid #c9c9c6;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:25px}.portfolio-divider>span{font-size:9px;letter-spacing:.8px;color:#706088}.portfolio-divider>p{font-size:13px;color:#626166;line-height:1.5;margin:0}.portfolio-divider>a{font-size:9px;letter-spacing:.5px;border-bottom:1px solid #c9c9c6;padding-bottom:10px}.personal-page .writing{border-top:0}.personal-page footer .personal-logo{font-size:13px}
@media(max-width:900px){.studio{gap:6%}.studio-copy>p{font-size:17px}.personal-hero{gap:5%;grid-template-columns:1.2fr .8fr}.personal-lead{font-size:20px}.personal-bio{font-size:15px}.portfolio-divider.section{grid-template-columns:1fr 2fr}.portfolio-divider>a{grid-column:2;justify-self:start}.personal-jumps{gap:15px}}
@media(max-width:600px){.studio{grid-template-columns:1fr;gap:15px}.studio h2{font-size:48px}.studio-copy>p{font-size:17px}.founder-link{margin-top:28px;padding-top:25px}.personal-logo{font-size:14px;letter-spacing:0}.personal-page header .talk{font-size:8px;gap:8px;padding:13px 12px}.personal-page header .menu-toggle{font-size:8px;padding:13px 12px;gap:8px}.personal-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:32px}.personal-hero h1{font-size:46px;letter-spacing:-2.7px;margin:24px 0}.personal-lead{font-size:21px}.personal-bio{font-size:16px}.personal-jumps{gap:15px}.personal-jumps .text-link{font-size:8px;gap:20px;margin-top:18px}.personal-hero .portrait{aspect-ratio:1.15}.portfolio-divider.section{grid-template-columns:1fr;gap:13px;padding:25px 0 30px}.portfolio-divider>a{grid-column:auto}.personal-page .writing{padding-top:40px}.personal-page footer .personal-logo{font-size:12px}}

/* Product storefront: direct downloads with quieter product details. */
.project-art{display:block;color:inherit}
.app-actions{display:flex;align-items:center;gap:26px;margin-top:26px;padding-top:22px;border-top:1px solid #20212322}
.app-store{display:inline-flex;align-items:center;gap:11px;background:#202123;color:#fff;padding:10px 18px;border-radius:11px;min-height:58px;box-sizing:border-box;transition:background .2s,transform .2s}
.app-store svg{width:26px;height:29px;overflow:visible;flex:none}
.app-store span{display:flex;flex-direction:column;gap:1px}
.app-store small{font-size:11px;line-height:1.2;letter-spacing:.02em}
.app-store strong{font-size:22px;line-height:1.1;font-weight:500;letter-spacing:-.035em}
.app-store:hover{background:#49434f;transform:translateY(-2px)}
.app-details{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:500}
.app-details span{font-size:21px}.app-details:hover{color:var(--blue)}
.app-store:focus-visible,.app-details:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(min-width:901px){.project{display:flex;flex-direction:column}.project-desc{flex:1}.project-art{flex:none}}
@media(max-width:600px){.app-actions{gap:22px;margin-top:22px}.app-store{padding:10px 15px}.app-store strong{font-size:21px}}

/* App-first entrance and current Klarjahr product branding. */
.hero-apps{display:flex;gap:12px;margin-top:30px;pointer-events:auto}.hero-apps a{display:inline-flex;gap:28px;align-items:center;min-height:48px;padding:13px 22px;border:1px solid #ffffff40;border-radius:30px;background:#ffffff16;backdrop-filter:blur(12px);font-size:13px;letter-spacing:0;text-shadow:none}.hero-apps a:hover{background:#ffffff30}.hero-apps span{font-size:20px}.klar .project-art{background:#FFF1CF}.klar .klar-orbit{display:none}.klar img{height:96%;width:auto;max-width:100%;object-fit:contain;border-radius:15px}.app-store{border-radius:11px}.hero-title h1{font-size:clamp(65px,8.6vw,158px)}
@media(max-width:600px){.hero-apps{gap:8px;flex-wrap:wrap;margin-top:24px}.hero-apps a{padding:10px 15px;gap:14px;font-size:12px}.hero-title h1{font-size:clamp(42px,11vw,65px)}}

/* Each app gets a complete full-width feature, with Klarjahr first in source order. */
.work .projects{grid-template-columns:minmax(0,1fr);gap:100px}
.work .project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:7%;align-items:center}
.work .project-art{height:clamp(520px,48vw,740px);border-radius:24px;min-width:0}
.work .project-copy{min-width:0;padding:28px 0}
.work .project-info{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:24px;padding:0}
.work .project-info h3{font-size:clamp(48px,5.5vw,88px);line-height:1.05;letter-spacing:-.055em;margin:0}
.work .project-info p{font-size:11px;letter-spacing:.07em;line-height:1.6;margin:0;color:#626166}
.work .project-desc{font-size:clamp(18px,1.8vw,25px);line-height:1.65;margin:28px 0 36px;max-width:550px;flex:none}
.work .app-actions{flex-wrap:wrap;gap:20px 24px;padding-top:28px;margin-top:0}
.work .app-details{font-size:14px}
.work .project-go{width:58px;height:58px;font-size:30px}
.work .project-art .art-label{font-size:11px;bottom:30px;left:30px}
.work .zest-live .art-word{font-size:clamp(72px,7vw,120px)}
@media(max-width:900px){.work .project{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:5%}.work .project-art{height:540px}.work .project-info h3{font-size:48px}.work .project-desc{font-size:18px}.work .projects{gap:72px}}
@media(max-width:650px){.work .project{grid-template-columns:minmax(0,1fr);gap:0}.work .projects{gap:70px}.work .project-art{height:clamp(440px,125vw,630px);border-radius:20px}.work .project-copy{padding:27px 0 0}.work .project-info{gap:13px}.work .project-info h3{font-size:48px}.work .project-info p{font-size:10px}.work .project-desc{font-size:18px;margin:22px 0 27px}.work .app-actions{padding-top:23px;gap:20px}.work .project-go{width:48px;height:48px;font-size:25px}.work .project-art .art-label{font-size:9px;bottom:26px;left:24px}}

/* Unmodified official Apple badge artwork. */
a.app-store-badge,.personal-app-links a.app-store-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;min-height:44px;gap:0;flex-shrink:0}
a.app-store-badge img{display:block;width:auto;height:44px;max-width:none;object-fit:contain;filter:none;transform:none}
a.app-store-badge:hover,.personal-app-links a.app-store-badge:hover{background:transparent;box-shadow:none;transform:none}

/* Keep MENU/CLOSE and its icon inside one stable header slot. */
header .menu-toggle{--menu-width:112px;width:var(--menu-width);min-width:var(--menu-width);max-width:var(--menu-width);flex:0 0 var(--menu-width);justify-content:space-between;white-space:nowrap}
header .menu-toggle>span:not(.menu-label){width:18px;flex:0 0 18px;text-align:center}
@media(max-width:600px){header .menu-toggle{--menu-width:96px}}

/* The ZEST puzzle sits directly under the ZEST card inside the app list. */
.work .projects>.studio-puzzle-demo{margin-top:-40px}