@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c0e14;--panel:#141720;--text:#f3f1f8;--muted:#a9acbb;--purple:#bca5ff;--line:#2a2e3b;--accent:var(--purple)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}p{color:var(--muted);margin:0 0 1.3rem}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em;margin:0 0 1.4rem}h1{font-size:clamp(3.1rem,6.7vw,6.5rem);font-weight:700}h2{font-size:clamp(2rem,3.6vw,3.5rem)}h3{font-size:1.45rem}h4{font-size:1.1rem;letter-spacing:-.02em}em{font-style:normal;color:var(--purple)}.wrap{max-width:1280px;width:calc(100% - 96px);margin:auto}.eyebrow{font-size:.7rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:1.8rem}.eyebrow i{display:inline-block;background:#8edccb;width:6px;height:6px;border-radius:50%;margin-right:10px;box-shadow:0 0 15px #8edccb}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:var(--purple);color:#111;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #8edccb;outline-offset:5px}header{border-bottom:1px solid var(--line);background:#0c0e14f2;position:relative;z-index:5}.nav{display:flex;justify-content:space-between;align-items:center;min-height:94px}.brand{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:800;letter-spacing:.08em;line-height:1.2}.brand small{display:block;font-size:.6rem;color:var(--muted);letter-spacing:.34em;margin-top:5px}nav{display:flex;gap:38px;align-items:center}nav a{font-size:.8rem;color:#bdbecc;padding:10px 0}nav a:hover,nav a[aria-current]{color:white}nav a[aria-current]{box-shadow:0 2px var(--purple)}.menu{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:670px;align-items:center;gap:35px;padding-top:65px;padding-bottom:65px}.hero-copy>p{max-width:540px;font-size:1.05rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 23px;font-size:.82rem;font-weight:bold;border:1px solid var(--line);border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#242536}.primary{background:var(--purple);color:#151120;border-color:var(--purple)}.primary:hover{background:#cebfff}.forge{height:470px;position:relative;display:grid;place-items:center;perspective:900px;background:radial-gradient(ellipse,#634fa82b,transparent 66%)}.orbit{position:absolute;width:90%;height:90%;border:1px solid #a88fe545;border-radius:50%;transform:rotateX(65deg) rotateZ(-28deg)}.o2{width:75%;height:75%;transform:rotateX(30deg) rotateY(50deg);border-color:#77d6c332}.o3{width:100%;height:100%;transform:rotateY(68deg) rotateZ(20deg);border-style:dashed;animation:drift 20s linear infinite}.monolith{width:215px;height:255px;background:linear-gradient(135deg,#8b72c832,#171c2f 60%);border:1px solid #bca5ff8a;box-shadow:20px 20px 0 #1c2034,21px 21px 0 #74728d,0 0 80px #8b72c825;transform:rotateY(-25deg) rotateZ(-15deg);display:grid;place-items:center;animation:float 7s ease-in-out infinite}.monolith span{font-size:100px;font-weight:800;letter-spacing:-.12em;background:linear-gradient(140deg,#e1d6ff,#8edde0);color:transparent;background-clip:text}.coordinate{position:absolute;bottom:5px;font-size:9px;letter-spacing:.22em;color:#a9a5bb}.forge-label{position:absolute;top:12px;right:0;font-size:9px;letter-spacing:.22em;color:#a9a5bb}.strip{border-block:1px solid var(--line);background:#11141c}.strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:19px;color:#bbbcca;font-size:.75rem}.strip span:first-child{color:var(--purple);letter-spacing:.15em;font-size:.65rem}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.section-head>p{max-width:365px;font-size:.9rem}.section-head h2{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel);transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-7px);border-color:var(--accent)}.amber{--accent:#f2c186}.teal{--accent:#76dacb}.violet{--accent:#bca5ff}.art{position:relative;background:radial-gradient(ellipse at center,#393b512b,transparent),#11141d;overflow:hidden}.art img{width:100%;height:265px;object-fit:contain}.badge{display:inline-block;color:var(--accent);font-size:.65rem;font-weight:bold;letter-spacing:.08em;border:1px solid #686979;background:#11141de6;padding:5px 11px;border-radius:30px}.art .badge{position:absolute;top:16px;left:16px}.concept{display:block;font-size:9px;letter-spacing:.08em;color:#a9acbb;padding:10px 18px;border-top:1px solid #ffffff0b}.card-copy{padding:26px}.card-copy small{color:var(--accent);font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.card-copy h3{margin-top:15px;display:flex;justify-content:space-between}.card-copy h3 span{font-weight:normal;color:var(--accent)}.card-copy p{font-size:.85rem;margin:0}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.approach>div>p{max-width:490px}.text-link{font-size:.85rem;color:var(--purple);display:inline-block;margin-top:12px}.principles article{position:relative;border-bottom:1px solid var(--line);padding:0 0 25px 45px;margin-bottom:28px}.principles span{position:absolute;left:0;top:0;color:var(--purple);font-size:.75rem}.principles h3{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:10px}.principles p{font-size:.9rem;margin:0}.callout{border:1px solid #655386;background:radial-gradient(ellipse at top right,#8460d429,transparent 70%),#14131e;padding:55px;border-radius:10px;margin-bottom:95px}.callout p{max-width:620px}.callout h2{font-size:clamp(2rem,3vw,2.8rem)}footer{padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:20px 45px}.footer-top p{font-size:.8rem;margin:0}.footer-top>a:last-child{font-size:.8rem;color:var(--purple)}.fine{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.65rem;color:var(--muted)}.fine a{text-decoration:underline}.page-head{padding-top:100px;padding-bottom:35px}.page-head>p{max-width:720px;font-size:1.1rem}.notice{margin-top:35px;padding:20px 24px;border-left:2px solid var(--purple);background:#151722;color:#bbbcca;font-size:.85rem}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-block:65px}.back{display:inline-block;margin-bottom:40px;font-size:.75rem;color:var(--muted)}.project-hero .eyebrow{margin-bottom:20px}.project-hero h1{font-size:clamp(3rem,5vw,5rem)}.project-hero h2{font-size:1.7rem;margin-top:28px}.detail-art{border:1px solid var(--line);border-radius:10px}.detail-art img{height:440px}.project-info{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.project-info aside,.studio-note{background:var(--panel);border:1px solid var(--line);padding:35px;border-radius:8px}dl{margin:0}dt{color:var(--muted);font-size:.75rem;margin-top:20px}dd{margin:3px 0 0;font-size:.9rem}.focus{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.focus article{border-top:1px solid var(--line);padding-top:24px}.focus span{font-size:.7rem;color:var(--purple)}.focus h3{font-size:1.25rem;margin-top:24px}.focus p{font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.contact-panel{background:linear-gradient(135deg,#222033,#12141d);border:1px solid #5a4c75;padding:45px;border-radius:10px}.contact-panel h2{margin-top:35px}.contact-state{margin-block:30px;padding:20px;border:1px solid var(--line);border-radius:5px;color:#ece8fa}.small{font-size:.75rem}.inquiries>h3{margin-bottom:35px}.inquiries article{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:23px}.inquiries article>span{font-size:.75rem;color:var(--purple)}.inquiries h4{margin-bottom:8px}.inquiries article p{font-size:.9rem}.prose{max-width:800px}.prose h2{font-size:1.5rem;margin-top:35px}@keyframes float{50%{transform:translateY(-15px) rotateY(-20deg) rotateZ(-10deg)}}@keyframes drift{50%{transform:rotateY(60deg) rotateZ(35deg)}}@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:0;min-height:600px}.forge{height:380px}.monolith{width:170px;height:210px}.monolith span{font-size:80px}.cards{gap:14px}.card-copy{padding:20px}.approach,.project-info,.contact-grid{gap:45px}.section-head{gap:30px}.project-hero{gap:35px}.detail-art img{height:350px}.strip .wrap{font-size:.65rem}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav{min-height:78px}.menu{display:block;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:.75rem}.menu span{margin-left:12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#11141d;padding:20px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:10px;align-items:stretch}nav a{padding:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:30px}.hero h1{font-size:clamp(3.2rem,12vw,5rem)}.hero-copy>p{font-size:1rem}.forge{height:330px;margin-top:40px}.orbit{width:75%}.o2{width:65%}.o3{width:90%}.strip .wrap{flex-wrap:wrap;justify-content:start;gap:10px 24px}.strip span:first-child{width:100%}.section{padding-block:55px}.section-head{display:block}.section-head>p{max-width:none;margin-top:24px}.cards,.focus{grid-template-columns:1fr;gap:25px}.art img{height:280px}.card-copy{padding:26px}.approach,.project-info,.contact-grid,.project-hero{grid-template-columns:1fr;gap:35px}.principles{margin-top:10px}.callout{padding:30px;margin-bottom:50px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{width:100%}.fine{flex-direction:column;gap:10px}.page-head{padding-top:60px}.page-head h1{font-size:clamp(2.8rem,10vw,4.5rem)}.project-hero{padding-block:40px}.detail-art img{height:330px}.focus{margin-top:25px}.contact-panel{padding:28px}.badge{font-size:.65rem}.brand{font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
