.header .brand{width:225px;height:74px}.header .brand img{width:250px;height:250px;left:-14px;top:-94px}.brand-tagline{display:none}
.showcase{background:#161713;color:#f1eee6}.showcase>.wrap{max-width:1390px}.showcase .section-heading{margin-bottom:42px}.showcase .section-heading h2{font-weight:500}.showcase .section-heading>p{color:#b7bbab}.showcase .eyebrow{color:#d3aa78}.showcase-projects{display:flex;border-top:1px solid #4c5142;border-bottom:1px solid #4c5142}.showcase-projects>button{flex:1;border:0;border-right:1px solid #4c5142;background:none;text-align:left;cursor:pointer;padding:23px 20px;color:#a6ad99;font-size:13px;line-height:1.4;position:relative;transition:background .3s,color .3s}.showcase-projects>button:first-child{padding-left:0}.showcase-projects>button:last-child{border-right:0}.showcase-projects>button>span{font-size:8px;margin-right:15px;color:#999f8c}.showcase-projects>button[aria-selected=true]{color:#fff0dd;background:#ffffff04}.showcase-projects>button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d9a564;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.showcase-projects>button[aria-selected=true]::after{transform:scaleX(1)}
.showcase [hidden]{display:none}.showcase-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 0;font-size:10px;color:#c0c5b3}.shot-controls{display:flex;border:1px solid #585e4b;padding:3px;border-radius:3px}.shot-controls button{border:0;background:none;color:#bdc3af;cursor:pointer;font-size:10px;padding:7px 12px;line-height:1.4}.shot-controls button[aria-pressed=true]{background:#e4dfcf;color:#20251a}.showcase-stage{height:620px;position:relative;isolation:isolate;perspective:1500px;background:radial-gradient(ellipse at 48% 55%,#414f3f55,transparent 68%);margin-top:6px;overflow:hidden}.showcase-stage[data-tone=jb3]{background:radial-gradient(ellipse at 48% 55%,#77332f44,transparent 68%)}.showcase-stage[data-tone=exodus]{background:radial-gradient(ellipse at 48% 55%,#866d4f44,transparent 68%)}.showcase-backdrop{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font:600 clamp(70px,12vw,170px)/.85 var(--display);letter-spacing:-.08em;text-align:center;white-space:pre;color:#f3eddd06;z-index:-1;pointer-events:none}.desktop-device{position:absolute;width:78%;left:3%;top:8%;transform:rotate(-2deg);margin:0;transform-origin:50% 80%}.desktop-bezel{border:1px solid #899080;background:#252921;padding:10px;border-radius:13px;box-shadow:0 30px 60px #0007,inset 0 1px 1px #d3dac433}.showcase-browser{display:flex;align-items:center;justify-content:space-between;gap:10px;height:29px;background:#e9e9df;color:#5e6657;font-size:7px;padding:0 13px;border-radius:4px 4px 0 0}.browser-dots{display:flex;gap:4px}.browser-dots>i{height:4px;width:4px;background:#a1a795;border-radius:50%}.desktop-screen{aspect-ratio:1.6;overflow:auto;background:#0b100d;scrollbar-width:thin;scrollbar-color:#69715d #232a1c;overscroll-behavior:contain}.desktop-screen>img{width:100%;max-width:none;height:auto;display:block}.desktop-base{height:12px;background:linear-gradient(#8c9285,#444b3d);border-radius:2px 2px 40% 40%;width:106%;margin-left:-3%;box-shadow:0 9px 12px #0004;position:relative}.desktop-base:before{content:'';position:absolute;left:42%;right:42%;height:4px;background:#333b2c;border-radius:0 0 5px 5px}.desktop-device figcaption,.phone-device figcaption{text-align:center;font-size:7px;letter-spacing:.16em;color:#bac3aa;margin-top:18px}.phone-device{position:absolute;width:21%;right:3%;bottom:5%;transform:rotate(6deg);margin:0;transform-origin:50% 75%}.phone-bezel{border:1px solid #a0a58f;padding:7px;background:#252921;border-radius:27px;box-shadow:0 20px 40px #0008;position:relative}.phone-screen{aspect-ratio:390/844;overflow:auto;border-radius:20px;background:#111;scrollbar-width:none;overscroll-behavior:contain}.phone-screen>img{width:100%;height:auto;max-width:none;display:block}.phone-speaker{position:absolute;top:12px;left:37%;right:37%;height:7px;background:#10150c;border-radius:8px;box-shadow:0 1px 2px #c4c9b833}.showcase-stage[data-view=desktop] .desktop-device{width:87%;left:6.5%;top:5%;transform:none}.showcase-stage[data-view=desktop] .phone-device{display:none}.showcase-stage[data-view=mobile] .desktop-device{display:none}.showcase-stage[data-view=mobile] .phone-device{width:245px;left:calc(50% - 122.5px);right:auto;top:20px;bottom:auto;transform:none}.showcase-description{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:28px 0 33px;border-bottom:1px solid #4c5142}.showcase-description h3{font-size:33px;font-weight:500;margin-top:12px}.showcase-description p{font-size:13px;line-height:1.8;color:#b8c0ac;max-width:590px;margin-top:15px}.showcase-description>a{display:flex;align-items:center;justify-content:space-between;gap:45px;white-space:nowrap;font-size:12px;padding:16px 21px;border:1px solid #c2b08d;background:#e9dfca;color:#23271b;border-radius:2px;transition:background .2s,transform .3s}.showcase-description>a:hover{background:#f4e9d4;transform:translateY(-2px)}.showcase-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:18px;font-size:7px;letter-spacing:.1em;color:#a4ad97;min-height:20px}.showcase-footer>p{font-size:9px;letter-spacing:0;margin-left:auto}.showcase a:focus-visible,.showcase button:focus-visible,.showcase [tabindex]:focus-visible{outline-color:#edc18b}
@media(min-width:1500px){.showcase-stage{height:700px}}
@media(max-width:1000px){.showcase-stage{height:490px}.showcase-projects>button{font-size:11px;padding:20px 14px}.showcase-projects>button>span{margin-right:8px}.desktop-device{top:12%}.phone-device{bottom:8%}.showcase-stage[data-view=mobile]{height:610px}.showcase-stage[data-view=desktop]{height:520px}.showcase-description h3{font-size:28px}}
@media(max-width:700px){.header .brand{width:151px;height:55px}.header .brand img{width:170px;height:170px;left:-10px;top:-64px}.header nav a:first-child{display:none}.showcase .section-heading{margin-bottom:30px}.showcase-projects{overflow-x:auto;scrollbar-width:thin}.showcase-projects>button{flex:1 0 125px;padding:17px 10px;font-size:10px}.showcase-projects>button>span{display:block;margin-bottom:8px;font-size:7px}.showcase-tools{gap:12px;align-items:flex-start;margin-top:20px}.showcase-tools>span{font-size:8px;padding-top:10px;max-width:135px;overflow-wrap:anywhere}.shot-controls button{font-size:8px;padding:6px 8px}.showcase-stage{height:340px;margin-top:20px}.desktop-device{width:86%;left:1%;top:13%;transform:rotate(-3deg)}.desktop-bezel{padding:5px;border-radius:8px}.showcase-browser{height:17px;font-size:4px;padding:0 7px;gap:5px}.browser-dots{gap:2px}.browser-dots>i{width:2px;height:2px}.desktop-base{height:7px}.desktop-device figcaption,.phone-device figcaption{font-size:5px;margin-top:12px}.phone-device{width:29%;right:2%;bottom:8%}.phone-bezel{padding:4px;border-radius:15px}.phone-screen{border-radius:11px}.phone-speaker{height:4px;top:7px}.showcase-stage[data-view=desktop]{height:320px}.showcase-stage[data-view=desktop] .desktop-device{width:95%;left:2.5%;top:15%}.showcase-stage[data-view=mobile]{height:590px}.showcase-stage[data-view=mobile] .phone-device{width:240px;left:calc(50% - 120px);top:20px}.showcase-description{flex-direction:column;align-items:flex-start;gap:23px;padding-top:15px}.showcase-description h3{font-size:29px}.showcase-description p{font-size:12px}.showcase-description>a{width:100%;font-size:11px}.showcase-footer{align-items:flex-start;flex-wrap:wrap;gap:12px;font-size:6px}.showcase-footer>p{order:3;width:100%;margin:0;min-height:15px;font-size:9px}.showcase-footer>span:last-child{margin-left:auto}.showcase-backdrop{font-size:70px}}
@media(prefers-reduced-motion:reduce){.showcase-projects>button,.showcase-projects>button::after,.showcase-description>a{transition:none}}
.showcase-stage{height:auto;aspect-ratio:1.65;min-height:580px}.showcase-stage[data-view=desktop]{height:auto;aspect-ratio:1.45;min-height:580px}.showcase-stage[data-view=mobile]{height:620px;aspect-ratio:auto;min-height:620px}@media(max-width:1000px){.showcase-stage{height:auto;aspect-ratio:1.55;min-height:520px}.showcase-stage[data-view=desktop]{height:auto;aspect-ratio:1.4;min-height:520px}.showcase-stage[data-view=mobile]{height:610px;min-height:610px}}@media(max-width:700px){.showcase-stage{height:auto;aspect-ratio:1.08;min-height:320px}.showcase-stage[data-view=desktop]{height:auto;aspect-ratio:1.15;min-height:320px}.showcase-stage[data-view=mobile]{height:590px;min-height:590px;aspect-ratio:auto}}
.showcase-projects{overflow-x:auto;scrollbar-width:thin}.showcase-projects>button{min-width:170px}.showcase-stage[data-tone=studios]{background:radial-gradient(ellipse at 48% 55%,#80672933,transparent 68%)}.showcase-stage[data-tone=village]{background:radial-gradient(ellipse at 48% 55%,#72714633,transparent 68%)}@media(max-width:700px){.showcase-projects>button{min-width:145px}}
.showcase-stage[data-tone=mbv] .desktop-screen{aspect-ratio:2048/1133}