@font-face{font-family:Studio;src:url('/concepts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font:15px/1.65 Studio,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(55px,7.6vw,110px);letter-spacing:-.065em;line-height:1.03;font-weight:500}h2{font-size:clamp(33px,4.3vw,60px);line-height:1.12;letter-spacing:-.045em;font-weight:500}h3{font-size:22px;letter-spacing:-.035em;font-weight:600}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.preview{padding:9px 24px;display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:var(--bg);font-size:10px;letter-spacing:.08em}.preview a{text-decoration:underline;text-underline-offset:3px}.nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.logo{font-size:29px;font-weight:800;letter-spacing:-1.5px}.logo b{color:var(--accent)}.nav-links{display:flex;gap:30px;align-items:center;font-size:12px}.pill{border:1px solid var(--line);padding:10px 19px;border-radius:30px}.kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;background:var(--accent);color:var(--btn-ink);padding:16px 22px;font-weight:700;font-size:12px}.btn span{font-size:20px}.hero p{font-size:16px;max-width:420px;color:var(--muted);margin:26px 0 30px}.hero .kicker{margin-bottom:23px}.section{padding:95px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-title .kicker{margin-bottom:18px}.section-title>p{max-width:290px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line)}.card p{color:var(--muted);font-size:13px;margin-top:14px}.card .kicker{margin-bottom:35px}.tag{display:inline-block;padding:4px 10px;border:1px solid var(--line);font-size:9px;border-radius:20px;margin:6px 4px 0 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-art{height:270px;padding:25px;position:relative;overflow:hidden;background:var(--surface)}.project-art+.caption{display:flex;justify-content:space-between;gap:20px;margin:17px 0}.caption small{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps span{display:block;color:var(--accent);font-size:12px;margin-bottom:18px}.steps p{font-size:12px;color:var(--muted);margin-top:12px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.about p{font-size:20px;line-height:1.7}.cta{padding:95px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:var(--muted);margin-top:20px}.footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.demo-label{font-size:9px;letter-spacing:.08em;color:var(--muted)}.board{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;box-shadow:0 30px 90px #0004}.board-head{display:flex;justify-content:space-between;font-size:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.status{color:var(--accent)}.pipeline{display:flex;justify-content:space-between;gap:10px;margin:25px 0}.node{font-size:10px;padding:15px 10px;border:1px solid var(--line);border-radius:5px;flex:1}.node b{display:block;font-size:21px;color:var(--accent);margin-bottom:10px}.feed-row{display:flex;justify-content:space-between;font-size:11px;padding:13px 0;border-top:1px solid var(--line)}.feed-row span:last-child{color:var(--accent)}.demo-switch{border:1px solid var(--line);padding:7px 12px;background:transparent;color:var(--ink);font-size:10px;border-radius:25px}.demo-switch[aria-pressed=true]{background:var(--accent);color:var(--btn-ink)}.mini-window{max-width:300px;margin:20px auto;border:1px solid #ffffff30;border-radius:9px;background:#171b22;padding:18px;color:#fff;box-shadow:20px 20px 0 #0001}.mini-window .bar{height:8px;border-radius:10px;background:#ffffff20;margin:12px 0}.mini-window .bar:nth-child(2){width:65%;background:var(--accent)}.mini-window .bar:nth-child(3){width:90%}.mini-window .bar:nth-child(4){width:45%}.code-lines{font-family:monospace;color:var(--accent);font-size:14px;padding:25px;line-height:2}.statement{font-size:clamp(35px,4vw,55px);line-height:1.2;letter-spacing:-.04em;padding:60px 0}.strip{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em}.product{--bg:#11131a;--ink:#f1f3f8;--muted:#a0a6b7;--accent:#d7ff83;--surface:#1b1f2a;--line:#303545;--btn-ink:#151b10}.product .hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:60px 0 90px;align-items:center}.product .hero h1{font-size:clamp(55px,6.4vw,91px)}.product .board{transform:perspective(1200px) rotateY(-7deg) rotateX(4deg)}.product .project-art{border-radius:10px}.product .card{border-radius:10px;background:var(--surface)}.editorial{--bg:#f5f2ea;--ink:#24251f;--muted:#64655d;--accent:#294bdf;--surface:#e2ded2;--line:#cecabe;--btn-ink:#fff}.editorial h1,.editorial h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.editorial .hero{padding:35px 0 65px}.editorial .hero-top{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:end}.editorial .hero h1{font-size:clamp(65px,8vw,115px)}.editorial .hero p{margin-top:0}.editorial .art-wide{margin-top:45px;display:grid;grid-template-columns:1.4fr 1fr;min-height:310px;background:#d8deef}.editorial .sculpture{position:relative;overflow:hidden;min-height:310px;display:grid;place-items:center;background:#294bdf}.sculpture span{width:200px;height:200px;border:45px solid #e9eee2;border-radius:50%;transform:rotateY(30deg) rotateX(25deg);box-shadow:15px 25px 30px #101d7650}.editorial .art-caption{padding:40px;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia,serif;font-size:30px;line-height:1.25}.editorial .card{border-left:0;border-right:0;border-bottom:0;padding-left:0}.editorial .project-art{background:#dedace}.editorial .statement{max-width:1000px}.lab{--bg:#0b0b0b;--ink:#eeeae2;--muted:#96948e;--accent:#ff693b;--surface:#181818;--line:#3c3b36;--btn-ink:#100c09}.lab .logo{font-family:monospace;letter-spacing:-2px}.lab .hero{position:relative;padding:45px 0 60px}.lab .hero h1{font-size:clamp(65px,10.1vw,146px);text-transform:uppercase;font-weight:800;position:relative;z-index:1;max-width:1050px;letter-spacing:-.07em}.lab .hero h1 em{font-style:normal;color:var(--accent)}.lab .hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px}.lab .hero-bottom p{max-width:390px;margin:0}.lab .experiment{border:1px solid var(--line);padding:25px;margin-top:40px;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:35px 35px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.lab .experiment h3{font:12px monospace;letter-spacing:.08em}.lab .terminal{font:14px/2 monospace;display:flex;flex-direction:column;justify-content:center;min-height:110px}.lab .terminal b{color:var(--accent)}.lab .card{background:var(--surface);border-color:var(--surface)}.lab .card h3{font-size:28px}.lab .section-title h2,.lab .cta h2{text-transform:uppercase;font-weight:800}.lab .project-art{border:1px solid var(--line)}.lab .project-art:before{content:'+';position:absolute;right:18px;bottom:0;font-size:140px;color:var(--accent);line-height:1}.lab .project-art .mini-window{transform:rotate(-5deg)}.human{--bg:#f6f4ef;--ink:#173f35;--muted:#61746a;--accent:#e5a360;--surface:#e6ece0;--line:#ccd7c9;--btn-ink:#173f35}.human h1,.human h2{font-family:Georgia,serif;letter-spacing:-.05em;font-weight:400}.human .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:45px 0 80px}.human .hero h1{font-size:clamp(55px,6.5vw,94px)}.human .btn{border-radius:35px}.human .garden{height:450px;position:relative;background:#dde7d5;border-radius:170px 170px 15px 15px;overflow:hidden}.garden svg{width:100%;height:100%}.garden .garden-note{position:absolute;left:25px;bottom:20px;font-size:10px;background:#f6f4ef;padding:9px 13px;border-radius:20px}.human .card{border-radius:25px;border:0;background:var(--surface);padding:33px}.human .card:nth-child(2){background:#eee5d8}.human .card:nth-child(3){background:#e6e5ed}.human .project-art{border-radius:24px;background:#dbe6d4}.human .project-art .mini-window{transform:rotate(3deg)}.human .why-band{background:#173f35;color:#f6f4ef;padding:65px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.human .why-band p{color:#c6d2c7}.human .why-band h2{font-size:46px}.human .cta{margin-top:50px}.gallery{--bg:#f2f0e9;--ink:#232522;--muted:#686b63;--accent:#232522;--surface:#e4e0d5;--line:#d0cec3;--btn-ink:#fff}.gallery .gallery-heading{padding:35px 0 50px}.gallery h1{font-size:70px}.gallery .gallery-heading p{max-width:600px;color:var(--muted);margin-top:22px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:65px}.choice{border:1px solid var(--line);padding:18px}.choice iframe{width:100%;height:350px;border:0;pointer-events:none;background:#ddd}.choice .choice-top{display:flex;justify-content:space-between;align-items:start;margin:20px 0 13px}.choice p{color:var(--muted);font-size:13px;min-height:45px}.choice .btn{margin-top:20px;padding:12px 17px}.choice .preview-frame{overflow:hidden;height:350px}.choice iframe{width:1200px;height:780px;transform:scale(.46);transform-origin:top left}.choice .choice-top h2{font-size:27px}.choice .badge{font-size:9px;padding:4px 8px;background:#d7eac4;border-radius:20px}.design-footer-note{font-size:11px;color:var(--muted);padding-bottom:25px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.product .hero,.human .hero{gap:30px}.product .hero h1,.human .hero h1{font-size:65px}.nav-links{gap:18px}.editorial .hero-top{gap:30px}.choice iframe{transform:scale(.35)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.preview{padding:8px 18px;font-size:8px}.preview span{max-width:200px}.nav{padding:20px 0}.logo{font-size:25px}.nav-links{gap:12px;font-size:10px}.nav-links a:not(:last-child){display:none}.pill{padding:8px 13px}.product .hero,.human .hero{grid-template-columns:1fr;gap:40px;padding:35px 0 50px}.product .hero h1,.human .hero h1{font-size:62px}.product .board{transform:none}.hero p{font-size:14px}.section{padding:55px 0}.section-title{display:block}.section-title>p{margin-top:20px}.grid,.steps{grid-template-columns:1fr}.steps{gap:30px}.work-grid{grid-template-columns:1fr}.project-art{height:230px}.about{grid-template-columns:1fr;gap:25px}.about p{font-size:17px}.cta{padding:60px 0;display:block}.cta .btn{margin-top:25px}.footer{flex-wrap:wrap;gap:16px}.strip{font-size:8px;letter-spacing:.04em;gap:10px}.editorial .hero-top{grid-template-columns:1fr;gap:25px}.editorial .hero h1{font-size:64px}.editorial .art-wide{grid-template-columns:1fr;margin-top:30px}.editorial .art-caption{gap:25px;font-size:26px;padding:28px}.editorial .sculpture{min-height:260px}.lab .hero h1{font-size:65px}.lab .hero-bottom{display:block}.lab .hero-bottom .btn{margin-top:25px}.lab .experiment{grid-template-columns:1fr;padding:20px;gap:15px}.lab .terminal{font-size:11px}.human .garden{height:380px}.human .why-band{padding:30px;grid-template-columns:1fr;gap:25px}.human .why-band h2{font-size:36px}.gallery h1{font-size:50px}.choices{grid-template-columns:1fr}.choice iframe{transform:scale(.26)}.choice .preview-frame{height:205px}.choices .choice p{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.choice,.preview-frame,.board{min-width:0}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-frame{max-width:100%}@media(max-width:700px){.choices{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.editorial .hero h1{font-size:54px}}