@import url('/fonts.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#eeeef3;background:#101114;--accent:#c4b1ff;--muted:#a4a5ae;--line:#303139;--surface:#191a20;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:12px;left:12px;padding:16px;z-index:5;background:var(--surface)}header,footer,section{max-width:1280px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.logo{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:700;letter-spacing:-.8px}.mark{font-size:29px;color:var(--accent);letter-spacing:-3px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a{color:var(--muted)}nav .parent{font-size:12px;border:1px solid var(--line);padding:10px 14px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px;padding:65px 50px 85px;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.dot{height:7px;width:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(45px,5.4vw,76px);font-weight:500;letter-spacing:-4px;line-height:1.03;margin:30px 0 24px;max-width:690px}.intro{font-size:17px;line-height:1.75;color:var(--muted);max-width:510px}.button{display:inline-flex;justify-content:space-between;gap:45px;background:var(--accent);color:#17131e;padding:17px 23px;border-radius:6px;font-size:14px;font-weight:700;margin-top:25px}.button:hover{text-decoration:none;filter:brightness(1.1)}.hero-note{display:block;color:var(--muted);font-size:11px;margin-top:19px}.hero-art{height:440px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2c2444 0%,#17151e 42%,transparent 70%)}.orbit{position:absolute;border:1px solid #685486;border-radius:50%;width:300px;height:300px;transform:rotate(-35deg) skew(23deg);opacity:.7}.orbit.two{width:370px;height:370px;transform:rotate(30deg) skew(23deg);opacity:.5}.orbit.three{width:420px;height:420px;transform:rotate(75deg) skew(23deg);opacity:.3}.art-core{font-size:130px;font-weight:700;letter-spacing:-18px;color:#dfd2ff;text-shadow:0 0 60px #7e56b2;z-index:1}.art-core span{color:#9e77d5;font-weight:400}.art-coordinate{position:absolute;bottom:8px;font:10px monospace;letter-spacing:2px;color:var(--muted)}.brand-strip{display:flex;align-items:center;justify-content:space-between;padding:30px 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-strip>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.brand-strip>a{font-size:23px;display:flex;gap:30px;align-items:center;letter-spacing:-.5px}.brand-strip small{font-size:12px;color:var(--muted);letter-spacing:0}.brand-strip b{font-weight:400;color:var(--accent)}.work-section{padding:95px 50px 80px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-heading h2,.about-section h2{font-size:42px;line-height:1.1;font-weight:500;letter-spacing:-1.8px;margin:18px 0 0}.section-heading>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:280px;margin:0}.section-heading>p span{font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-art{display:flex;height:230px;background:#272231;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden;align-items:center;justify-content:center}.project-art img{height:100%;width:100%;object-fit:cover}.project-initial{font-size:85px;color:#c9b4ec;font-weight:700;letter-spacing:-8px}.art-label{position:absolute;bottom:15px;left:20px;font:11px monospace;opacity:.5}.art-1{background:#1f3031}.art-1 .project-initial{color:#93c5c0}.art-2{background:#343022}.art-2 .project-initial{color:#e7c17c}.art-3{background:#2e2633}.project-info{padding:23px 0}.status{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:20px;font-size:10px;color:var(--accent);letter-spacing:.3px}.stage-released{color:#89c3a3}.project h3{font-size:23px;letter-spacing:-.6px;margin:15px 0 9px}.project h3 a{display:flex;justify-content:space-between;align-items:center}.project h3 span{color:var(--muted);font-size:19px;font-weight:400}.project p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.empty-work{border:1px solid var(--line);border-radius:14px;padding:38px;display:flex;gap:35px;align-items:center;background:linear-gradient(100deg,var(--surface),transparent)}.empty-symbol{color:var(--accent);font-size:60px}.empty-work h3{font-size:23px;margin:0 0 10px;font-weight:500;letter-spacing:-.5px}.empty-work p{color:var(--muted);font-size:14px;line-height:1.7;max-width:580px;margin:0}.about-section{border-top:1px solid var(--line);padding:80px 50px 95px;display:grid;grid-template-columns:1fr 1fr;gap:130px}.about-section h2{max-width:440px}.about-section>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}.text-link{display:inline-flex;gap:40px;margin-top:18px;font-size:14px;border-bottom:1px solid var(--accent);padding-bottom:10px}.text-link span{color:var(--accent)}footer{border-top:1px solid var(--line);padding:38px 50px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer>span{font-size:12px;color:var(--muted);text-align:right}footer>div{display:flex;gap:25px;font-size:12px;color:var(--muted)}footer small{text-align:right;font-size:11px;color:var(--muted)}.pal{background:#f5f3ec;color:#263831;--accent:#cfed77;--muted:#657268;--line:#d5dbcf;--surface:#ebeee2}.pal .mark{color:#344c38}.pal h1{font-weight:600}.pal .hero-art{background:none}.pal .hero{grid-template-columns:1.2fr 1fr;min-height:650px}.pal .hero-copy{padding-right:10px}.pal-shape{position:absolute;display:grid;place-items:center;font-weight:700;letter-spacing:-12px}.shape-one{width:290px;height:310px;top:65px;left:10px;background:#d5ec88;border-radius:100px 100px 75px 100px;font-size:145px;transform:rotate(-12deg);color:#3e543d;box-shadow:15px 20px 0 #dce2cd}.shape-two{width:120px;height:120px;top:23px;right:6px;background:#eea17b;border-radius:50%;font-size:75px;letter-spacing:0;transform:rotate(15deg);color:#724535}.shape-three{width:115px;height:115px;right:18px;bottom:40px;background:#91afce;border-radius:30px;font-size:75px;letter-spacing:0;transform:rotate(12deg);color:#36506e}.pal .button{background:#314e3a;color:#fff}.pal .status{color:#4c6540}.pal .project-art{background:#e5edce;border-color:#d5dfc1}.pal .project-initial{color:#58734d}.pal .art-1{background:#f3ddcc}.pal .art-1 .project-initial{color:#9a684b}.pal .art-2{background:#dce6ee}.pal .art-2 .project-initial{color:#577493}.pal .art-3{background:#e8dded}.pal .art-3 .project-initial{color:#897192}.pal .brand-strip b,.pal .text-link span,.pal .empty-symbol{color:#547747}.detail{padding:70px 50px 120px;max-width:1000px;min-height:65vh}.detail .back{display:block;color:var(--muted);font-size:14px;margin-bottom:45px}.detail h1{margin-top:20px}.detail .intro{font-size:22px;max-width:800px}.prose{font-size:17px;line-height:1.8;color:var(--muted);max-width:760px}.detail-image{display:block;width:100%;max-height:550px;object-fit:contain;border-radius:14px;margin:40px 0}.prose p{margin:25px 0}@media(max-width:900px){header{padding:0 25px;height:95px}nav{gap:18px}.hero,.pal .hero{padding:35px 25px 60px;gap:20px;grid-template-columns:1.2fr 1fr}.hero-art{height:350px}.orbit{width:240px;height:240px}.orbit.two{width:290px;height:290px}.orbit.three{width:330px;height:330px}.art-core{font-size:100px}.shape-one{width:210px;height:250px;left:0;font-size:115px}.shape-two{width:90px;height:90px;font-size:50px}.shape-three{width:85px;height:85px;font-size:50px}.brand-strip{padding:28px 25px}.brand-strip small{display:none}.work-section{padding:65px 25px}.project-grid{grid-template-columns:repeat(2,1fr)}.about-section{padding:65px 25px;gap:50px}footer{padding:30px 25px}.section-heading h2,.about-section h2{font-size:35px}}@media(max-width:620px){header{height:auto;padding:25px 22px;gap:20px;flex-wrap:wrap}header .logo{font-size:20px}nav{width:100%;justify-content:space-between;font-size:12px;gap:10px}nav .parent{font-size:10px;padding:7px 9px}.hero,.pal .hero{display:flex;flex-direction:column;padding:40px 22px;min-height:auto;gap:20px;align-items:stretch}h1{font-size:53px;letter-spacing:-2.6px;line-height:1.06;margin:25px 0}.intro{font-size:16px}.hero-art{height:300px}.orbit{width:220px;height:220px}.orbit.two{width:260px;height:260px}.orbit.three{width:290px;height:290px}.shape-one{top:25px;left:calc(50% - 140px);height:225px;width:210px}.shape-two{right:calc(50% - 160px);top:0}.shape-three{right:calc(50% - 145px);bottom:35px}.brand-strip{gap:25px;padding:25px 22px}.brand-strip>span{font-size:9px;max-width:145px;line-height:1.8}.brand-strip>a{font-size:20px;gap:12px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:330px}.work-section{padding:55px 22px}.project-grid{grid-template-columns:1fr;gap:18px}.project-art{height:235px}.empty-work{padding:24px;gap:20px;align-items:start}.empty-symbol{font-size:40px}.empty-work h3{font-size:20px}.about-section{display:block;padding:50px 22px}.about-section>div+div{margin-top:30px}.about-section h2{font-size:36px}footer{display:flex;flex-wrap:wrap;padding:28px 22px;gap:20px}footer>span{width:100%;text-align:left}footer>div{width:100%;flex-wrap:wrap}footer small{text-align:left}.detail{padding:45px 22px 70px}.detail .intro{font-size:18px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
