:root{--blue:#00A7FA;--ink:#101419;--muted:#68717a;--paper:#f4f6f8;--white:#fff;--line:#dce2e7;--silver:#e9edf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0,#f3f5f7 60%,#e9edf0 100%);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:78px;padding:0 max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(248,250,251,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.08em;font-size:.8rem}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand b{color:var(--blue)}nav{display:flex;gap:24px;align-items:center}nav a,.footer-links a,footer>a{color:var(--ink);text-decoration:none;font-weight:750;font-size:.84rem}nav a:hover{color:var(--blue)}.menu{display:none;border:0;background:none;font-size:1.5rem}.hero{background:#e9edf0}.hero>img{width:100%;display:block;max-height:680px;object-fit:cover;object-position:center}.audio-bar{max-width:1160px;margin:-1px auto 0;min-height:76px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:0 15px 40px rgba(17,25,33,.08)}.audio-bar strong{display:block;font-size:.78rem;letter-spacing:.16em}.audio-bar small{color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:11px 18px;border-radius:999px;text-decoration:none;font-size:.76rem;font-weight:900;letter-spacing:.08em;cursor:pointer}.pill:hover{background:var(--blue);border-color:var(--blue);color:#001018}.pill.dark{background:var(--ink);color:#fff}.intro{padding:100px 0 80px}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.22em;color:#087cb3;margin:0 0 12px}.intro h1,.page-hero h1{font-size:clamp(3rem,8vw,7.5rem);line-height:.9;letter-spacing:-.055em;margin:0 0 30px}.lede{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.5;max-width:900px;color:#2b333b}.section-head{margin:0 0 35px}.section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0}.grid{display:grid;gap:18px}.gateways{grid-template-columns:repeat(3,1fr);padding-bottom:100px}.card,.project{background:rgba(255,255,255,.82);border:1px solid var(--line);padding:30px;text-decoration:none;color:var(--ink);min-height:280px;display:flex;flex-direction:column;transition:.2s ease;box-shadow:0 12px 30px rgba(20,30,40,.04)}.card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 20px 45px rgba(20,30,40,.1)}.card>span{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.15em}.card h3{font-size:1.7rem;margin:24px 0 8px}.card p{color:var(--muted);margin:0 0 25px}.card b{margin-top:auto;font-size:.76rem;letter-spacing:.08em}.card.feature{background:var(--ink);color:white}.card.feature p{color:#c6ced5}.card.muted{opacity:.7}.statement{background:var(--ink);color:#fff;padding:100px 0}.statement blockquote{font-size:clamp(2rem,5vw,5rem);line-height:1.05;letter-spacing:-.04em;margin:10px 0 35px;max-width:1050px}.statement p:not(.eyebrow){max-width:820px;color:#c8d0d6;font-size:1.1rem}.statement .pill{margin-top:20px;border-color:#fff}.page{min-height:75vh}.page-hero{padding:100px 0 70px}.page-hero>p:not(.eyebrow),.page-hero .lede{max-width:900px}.projects{grid-template-columns:repeat(2,1fr);padding-bottom:100px}.project{min-height:330px}.project h2{font-size:2rem;line-height:1.05;margin:15px 0}.project p:not(.eyebrow){color:var(--muted)}.project .pill{margin-top:auto;align-self:flex-start}.status{margin-top:40px;padding:22px;border-left:4px solid var(--blue);background:#fff;max-width:600px;letter-spacing:.08em;font-size:.8rem}.status b{color:#087cb3;margin-left:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}.contact{padding:28px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.contact span{font-size:.7rem;color:#087cb3;font-weight:900;letter-spacing:.18em}.contact strong{font-size:1.35rem;margin-top:5px}.no-social{color:var(--muted);margin-top:25px}.more{text-align:center;color:var(--muted);padding:0 0 100px}footer{min-height:150px;padding:35px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);background:#fff}footer img{width:60px;height:60px;border-radius:50%}footer p{margin:2px 0;color:var(--muted)}.footer-links{margin-left:auto;display:flex;gap:20px}
@media(max-width:820px){.topbar{height:68px}.brand img{width:42px;height:42px}.brand span{font-size:.7rem}.menu{display:block}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.topbar.open nav{display:flex}.hero>img{height:auto;min-height:0;object-fit:contain;background:#e9edf0}.audio-bar{margin:0;border-left:0;border-right:0}.intro{padding:70px 0 55px}.gateways,.projects{grid-template-columns:1fr}.card,.project{min-height:240px}.page-hero{padding:70px 0 50px}.contact-grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}.footer-links{width:100%;margin-left:0}.statement{padding:70px 0}}
@media(max-width:520px){.wrap{width:min(100% - 28px,1160px)}.hero>img{width:100%;height:auto}.audio-bar{padding:12px 14px}.audio-bar small{display:none}.pill{padding:10px 14px}.intro h1,.page-hero h1{font-size:clamp(2.8rem,15vw,4.5rem)}.lede{font-size:1.12rem}.card,.project{padding:24px}.contact strong{font-size:1.05rem;word-break:break-word}}

/* BE FREQY */
.befreqy-hero{max-width:900px;text-align:center}
.befreqy-logo{display:block;width:min(100%,720px);margin:0 auto 2rem;border-radius:18px;box-shadow:0 18px 50px rgba(10,18,28,.12)}
.befreqy-hero .lede,.befreqy-hero>p:not(.eyebrow){margin-left:auto;margin-right:auto;max-width:760px}
.befreqy-hero .status{margin:2rem auto 0;max-width:520px}

.befreqy-logo-frame{width:min(100%,720px);margin:0 auto 2.25rem;padding:24px 28px 34px;background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(10,18,28,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.befreqy-logo-frame .befreqy-logo{width:100%;height:auto;margin:0;border-radius:0;box-shadow:none;display:block}@media(max-width:520px){.befreqy-logo-frame{width:calc(100% - 8px);padding:18px 18px 28px;border-radius:18px;margin-bottom:2rem}}

/* My Human Xperiment */
.xperiment-nav{padding:3px 6px!important;border-radius:8px;background:#fff;display:inline-flex!important;align-items:center;transition:transform .24s ease,box-shadow .24s ease}.xperiment-nav img{display:block;width:118px;height:auto}.xperiment-nav:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(16,20,25,.08)}.xperiment-feature{padding:0 0 100px}.xperiment-feature-link{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:42px;align-items:center;padding:34px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .24s ease,box-shadow .24s ease}.xperiment-feature-link:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(20,30,40,.1)}.xperiment-feature-link img{width:100%;height:auto;transition:transform .24s ease}.xperiment-feature-link:hover img{transform:scale(1.08)}.xperiment-feature h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:0 0 14px}.xperiment-feature p:not(.eyebrow){color:var(--muted);max-width:650px}.xperiment-project-logo{width:100%;max-width:320px;height:auto;margin:20px 0 0;transition:transform .24s ease}.music-card:hover .xperiment-project-logo{transform:scale(1.08)}.xperiment-page-logo{display:block;width:min(100%,720px);height:auto;margin:12px 0 45px;transition:transform .24s ease}.xperiment-page-logo:hover{transform:scale(1.06)}.music-current h1{font-size:clamp(2.8rem,7vw,6.5rem)}
@media(max-width:820px){.topbar nav .xperiment-nav{padding:6px 8px!important}.xperiment-nav img{width:150px}.xperiment-feature-link{grid-template-columns:1fr;gap:22px}.xperiment-feature-link img{max-width:420px}.xperiment-feature{padding-bottom:70px}}