@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@200;300;400;500;600&display=swap";:root{--black:#11110f;--paper:#f4f3ef;--line:#d9d8d3;--lime:#d5fa28;--olive:#495313;--peach:#d99a82;--sand:#c9ad83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--black);margin:0;font-family:Alexandria,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;height:104px;padding:20px 4vw;display:grid;position:absolute;top:0;left:0;right:0}.logo{width:152px;height:58px;display:block;overflow:hidden}.logo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.topbar nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff70;border:1px solid #2222;border-radius:999px;gap:5px;padding:5px;display:flex}.topbar nav a,.topActions button,.topActions a{white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:13px 20px;font-size:.7rem}.topbar nav a:first-child,.topActions a{background:var(--black);color:#fff}.topActions{justify-self:end;align-items:center;gap:6px;display:flex}.topActions button{cursor:pointer;border:1px solid #2223}.topActions a{gap:22px;display:flex}.hero{background:linear-gradient(135deg,#f7f6f2,#e9ecea 52%,#efe9e2);align-items:center;min-height:100vh;padding:160px 6vw 70px;display:flex;position:relative;overflow:hidden}.aurora{filter:blur(90px);opacity:.68;border-radius:50%;animation:10s ease-in-out infinite alternate drift;position:absolute}.a1{background:#d8a581;width:44vw;height:44vw;top:0;right:-10vw}.a2{background:#b7d15a;width:38vw;height:38vw;animation-delay:-4s;bottom:-20vw;left:28%}.heroText{z-index:5;width:50%;position:relative}.kicker,.label{letter-spacing:.15em;text-transform:uppercase;font-size:.65rem;font-weight:500}.kicker{align-items:center;gap:10px;display:flex}.kicker i{background:var(--lime);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #d5fa2833}.hero h1{letter-spacing:-.065em;margin:28px 0;font-size:clamp(3.7rem,7vw,7.8rem);font-weight:300;line-height:1.03}.hero h1 span{color:#6d6d68}.heroIntro{color:#555550;max-width:600px;font-size:1rem;line-height:1.9}.heroBtns{gap:10px;margin-top:34px;display:flex}.heroBtns a{border-radius:999px;align-items:center;gap:32px;height:58px;padding:0 24px;font-size:.75rem;display:flex}.darkBtn{background:var(--black);color:#fff}.lineBtn{border:1px solid #2224}.soundBoard{z-index:4;color:#fff;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#252719e8,#718027bf 47%,#d18b72d9);border:1px solid #ffffff80;border-radius:58px;width:42vw;height:65vh;padding:36px;animation:7s ease-in-out infinite float;position:absolute;bottom:-3vh;right:3vw;overflow:hidden;transform:rotate(-4deg);box-shadow:0 40px 90px #373c2740}.glassTitle{justify-content:space-between;align-items:start;display:flex}.glassTitle small,.glassTitle span{letter-spacing:.12em;font-size:.55rem}.glassTitle b{font-size:1.7rem;font-weight:300;line-height:1.15}.wave{align-items:center;gap:6px;height:180px;margin:55px 0 30px;display:flex}.wave i{background:var(--lime);border-radius:9px;flex:1;min-height:10px;animation:1.8s ease-in-out infinite alternate pulse}.miniCards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.miniCards article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff19;border:1px solid #ffffff50;border-radius:32px;grid-template-columns:1fr auto;align-content:space-between;height:145px;padding:18px;display:grid}.miniCards article span{border:1px solid #fff6;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.miniCards small{font-size:.52rem;line-height:1.4}.miniCards b{font-size:2rem;font-weight:200}.logoFloat{z-index:8;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffffb5;border-radius:50%;place-items:center;width:150px;height:150px;animation:8s ease-in-out infinite orbitFloat;display:grid;position:absolute;bottom:8%;right:37%;box-shadow:0 20px 50px #0002}.logoFloat img{mix-blend-mode:multiply;width:80%}.marquee{background:var(--black);color:#fff;letter-spacing:.22em;white-space:nowrap;padding:17px 0;font-size:.64rem;overflow:hidden}.marquee div{width:max-content;animation:24s linear infinite marquee}.about{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;min-height:900px;padding:120px 6vw;display:grid}.portrait{background:linear-gradient(145deg,#d7c8bd,#71836c 50%,#302e2a);border-radius:62px;height:650px;position:relative;overflow:hidden}.portrait:before{content:"";filter:blur(25px);background:radial-gradient(circle at 20% 25%,#f3c1a9aa,#0000 32%),radial-gradient(circle at 80% 70%,#87a76e,#0000 34%);position:absolute;inset:0}.blurForm{filter:blur(7px);opacity:.88;background:#191b18;border-radius:48% 48% 18% 18%;width:58%;height:85%;animation:8s ease-in-out infinite ghost;position:absolute;top:14%;left:21%}.glassBadge{color:#fff;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #ffffff69;border-radius:38px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:150px;padding:24px;display:grid;position:absolute;bottom:9%;left:10%;right:10%}.glassBadge>span{border:1px solid #fff8;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.glassBadge small{letter-spacing:.13em;font-size:.55rem}.glassBadge b{margin-top:8px;font-size:1.1rem;font-weight:300;display:block}.glassBadge i{background:var(--black);border-radius:50%;place-items:center;width:45px;height:45px;font-style:normal;display:grid}.dotGrid{color:var(--lime);letter-spacing:.4em;font-size:1.1rem;line-height:.7;position:absolute;top:7%;right:7%}.aboutCopy h2,.sectionTitle h2,.work h2,.contact h2{letter-spacing:-.06em;margin:28px 0;font-size:clamp(3rem,5.7vw,6.5rem);font-weight:300;line-height:1.12}.aboutCopy>p:not(.label){color:#5e5e59;max-width:640px;font-size:1.15rem;line-height:2}.metrics{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-top:55px;padding-top:30px;display:grid}.metrics div{align-items:end;gap:20px;display:flex}.metrics b{font-size:3.8rem;font-weight:200}.metrics span{color:#777;font-size:.65rem;line-height:1.5}.create{background:#e8e8e3;padding:130px 5vw}.sectionTitle{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:70px;display:grid}.sectionTitle .label{grid-column:1/-1}.sectionTitle>p:last-child{color:#666;justify-self:end;max-width:380px;line-height:1.7}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.service{border:1px solid #ffffff80;border-radius:46px;flex-direction:column;justify-content:space-between;height:430px;padding:26px;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.service:hover{transform:translateY(-10px);box-shadow:0 30px 55px #0002}.service:after{content:"";background:var(--lime);filter:blur(65px);opacity:.35;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-80px;right:-90px}.service header{z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid;position:relative}.service header>span,.service header>i{border:1px solid;border-radius:50%;place-items:center;width:48px;height:48px;font-style:normal;display:grid}.service header small{letter-spacing:.12em;font-size:.55rem}.service h3{margin:0 0 10px;font-size:1.65rem;font-weight:300}.service h4{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:.66rem;font-weight:400}.service p{max-width:270px;font-size:.8rem;line-height:1.7}.service>div{z-index:2;position:relative}.olive{color:#fff;background:linear-gradient(145deg,#2b2e20,#66731e)}.peach{color:#fff;background:linear-gradient(145deg,#b77c6e,#e0ac94)}.lime{background:linear-gradient(145deg,#aebd5a,#d8f443)}.sand{background:linear-gradient(145deg,#e8ddca,#bfa57d)}.smoke{background:linear-gradient(145deg,#e7e7e2,#aeb3ae)}.rose{color:#fff;background:linear-gradient(145deg,#e6b4a4,#86675c)}.dots{gap:7px;display:flex}.dots i{border:1px solid;border-radius:50%;width:7px;height:7px}.dots i.on{background:currentColor}.work{background:var(--paper);padding:130px 5vw}.workTop{grid-template-columns:1fr 2fr;display:grid}.workTop h2{margin-top:0}.workCanvas{background:linear-gradient(120deg,#252720,#687230 50%,#d49b87);border-radius:60px;height:650px;padding:35px;position:relative;overflow:hidden}.workCanvas:before{content:"";filter:blur(20px);background:radial-gradient(circle,#d9f53555,#0000 24%);position:absolute;inset:0}.projectCard{color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff16;border:1px solid #ffffff70;border-radius:45px;flex-direction:column;justify-content:space-between;width:32%;height:68%;padding:28px;display:flex;position:absolute;box-shadow:0 25px 50px #0002}.projectCard small{letter-spacing:.14em;font-size:.55rem}.projectCard span{font-size:4rem;font-weight:200}.projectCard b{font-size:2rem;font-weight:300}.pc1{top:16%;left:9%;transform:rotate(-7deg)}.pc2{z-index:2;top:10%;left:34%}.pc3{top:18%;right:9%;transform:rotate(7deg)}.workCanvas>p{z-index:4;color:#fff;font-size:.72rem;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.contact{background:#d9d7d1;grid-template-columns:1fr 1fr;gap:9vw;padding:130px 6vw;display:grid;position:relative;overflow:hidden}.contact:before{content:"";filter:blur(110px);background:#d6ed43;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-250px;left:-200px}.contactCopy,.contact form{z-index:2;position:relative}.contact h2 span{color:#797973}.contactOrb{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff74;border-radius:50%;place-items:center;width:180px;height:180px;animation:6s ease-in-out infinite float;display:grid;box-shadow:0 25px 60px #0002}.contactOrb img{mix-blend-mode:multiply;width:78%}.contact form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff5;border:1px solid #fff;border-radius:48px;flex-direction:column;gap:23px;padding:42px;display:flex}.contact label{letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}.contact input,.contact select,.contact textarea{background:0 0;border:0;border-bottom:1px solid #999;outline:none;width:100%;padding:12px 0;display:block}.contact form button{background:var(--black);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex}.success{text-align:center;padding:70px 0}.success b{color:#68731d;font-size:3.5rem}.success p{line-height:1.8}footer{background:var(--black);color:#fff;grid-template-columns:1fr 1fr;gap:30px;min-height:230px;padding:55px 5vw;display:grid}footer .logo img{filter:invert();mix-blend-mode:screen}footer>p{margin:0}footer>div{gap:24px;font-size:.75rem;display:flex}footer small{opacity:.45}@keyframes pulse{to{opacity:.45;height:18%}}@keyframes float{50%{transform:translateY(-14px)rotate(-2deg)}}@keyframes orbitFloat{50%{transform:translate(15px,-20px)rotate(4deg)}}@keyframes drift{to{transform:translate(50px,35px)scale(1.08)}}@keyframes ghost{50%{filter:blur(13px);transform:translate(24px)skew(-2deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;height:84px;padding:14px 20px}.topbar nav,.topActions a{display:none}.logo{width:124px;height:50px}.hero{align-items:flex-start;min-height:1050px;padding:125px 24px 60px}.heroText{width:100%}.hero h1{font-size:clamp(3.3rem,14vw,5.8rem)}.heroIntro{max-width:100%}.soundBoard{border-radius:42px;width:90vw;height:510px;padding:25px;bottom:45px;right:5vw;transform:rotate(-2deg)}.glassTitle b{font-size:1.25rem}.wave{height:125px;margin:38px 0 22px}.miniCards article{height:120px}.logoFloat{width:105px;height:105px;bottom:455px;left:22px;right:auto}.about{grid-template-columns:1fr;gap:70px;padding:90px 24px}.portrait{height:560px}.serviceGrid{grid-template-columns:1fr}.service{height:380px}.sectionTitle,.workTop{display:block}.sectionTitle>p:last-child{margin-top:20px}.work{padding:90px 20px}.workCanvas{height:720px}.projectCard{width:65%;height:43%}.pc1{top:8%;left:5%}.pc2{top:29%;left:28%}.pc3{top:50%;right:5%}.contact{grid-template-columns:1fr;padding:90px 24px}.contact form{border-radius:34px;padding:28px}footer{grid-template-columns:1fr}.aboutCopy h2,.sectionTitle h2,.work h2,.contact h2{font-size:clamp(2.8rem,13vw,5rem)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.topbar .logo img,.footerLogo img{content:url(/mayotone-logo-wide-transparent.png);filter:none}.logoFloat img,.contactOrb img{content:url(/mayotone-logo-stacked-transparent.png);filter:none}main[dir=rtl] .soundBoard{left:3vw;right:auto;transform:rotate(4deg)}main[dir=rtl] .logoFloat{left:37%;right:auto}@media (max-width:900px){.hero{min-height:1250px}.logoFloat{bottom:505px}main[dir=rtl] .soundBoard{left:5vw;right:auto;transform:rotate(2deg)}main[dir=rtl] .logoFloat{left:22px;right:auto}}