.showcase-stage.world-stage{height:auto;width:100%;margin:0;transform:none;perspective:none;filter:none}.showcase-panel{position:relative;padding:15px 6% 0;isolation:isolate}.showcase-panel[hidden]{display:none!important}.showcase-number{position:absolute;right:0;top:-65px;font-size:250px;line-height:1;font-weight:500;letter-spacing:-.08em;color:#ffffff05;z-index:-1;pointer-events:none}.showcase-meta{display:flex;align-items:center;gap:28px;font-size:11px;color:#35f28b;letter-spacing:.08em}.showcase-meta small{color:#999;font-size:10px}.showcase-panel>h3{font:400 clamp(35px,4.5vw,64px)/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:24px 0 30px}.showcase-stage .browser-mockup{position:relative;inset:auto;width:100%;height:auto;border:1px solid #ffffff30;border-radius:9px;transform:none!important;rotate:none!important;translate:none;scale:1;animation:none;box-shadow:0 24px 65px #0008;overflow:hidden;will-change:auto;background:#151515;cursor:pointer}.browser-mockup:after{display:none}.browser-chrome{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#777;background:#121314;font:10px Arial,sans-serif;letter-spacing:.04em;border-bottom:1px solid #ffffff16}.browser-chrome>span:first-child{font-size:8px;letter-spacing:4px}.mini-site{height:510px;overflow:hidden;position:relative;container-type:inline-size;pointer-events:none}.mini-site-nav{height:70px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;position:relative;z-index:2}.mini-site-nav strong{font-size:19px;letter-spacing:.17em;font-weight:400}.mini-site-nav>span{font-size:10px}.mini-site-content{height:440px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:25px 5% 35px;gap:15px}.mini-site-copy{position:relative;z-index:2}.mini-site-copy small,.mini-site-copy p{font:8px/1.7 Arial,sans-serif;letter-spacing:.1em}.mini-site-copy h4{font:400 clamp(25px,3.4vw,49px)/1.04 Georgia,serif;letter-spacing:-.05em;margin:30px -30px 25px 0}.mini-site-copy h4 i{font-weight:400}.mini-site-content img{width:100%;height:360px;object-fit:contain;animation:none!important;transform:none;transition:scale .7s}.browser-mockup:hover .mini-site-content img{scale:1.025}.mini-demo{position:absolute;bottom:14px;left:5%;font:7px Arial,sans-serif;letter-spacing:.14em;opacity:.7}.mini-rule{display:block;width:45px;height:1px;background:currentColor;margin-top:25px;opacity:.5}.mini-watch{background:#24231f;color:#e9e0cf}.mini-watch img{mix-blend-mode:lighten}.mini-watch h4 i{color:#c5b694}.mini-fire{background:#25160e;color:#f1dfbf}.mini-fire .mini-site-nav{border:0}.mini-fire .mini-site-nav strong{font-weight:900;letter-spacing:-.07em}.mini-fire .mini-site-content{position:static;display:block}.mini-fire .mini-site-content img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.57);z-index:0}.mini-fire .mini-site-copy{padding:20px 3%;max-width:70%}.mini-fire .mini-site-copy h4{font:900 clamp(40px,5vw,74px)/.85 Arial,sans-serif;letter-spacing:-.065em;margin:22px 0}.mini-fire h4 i{font-family:Georgia,serif;color:#dc9a66}.mini-fire .mini-demo{z-index:2}.mini-tower{background:#eeeee5;color:#252b25}.mini-tower .mini-site-nav{height:60px;border-color:#252b2535;margin:0 4%}.mini-tower .mini-site-nav strong{letter-spacing:-.06em}.mini-tower .mini-site-content{height:450px;grid-template-columns:1fr 1fr;padding:28px 4% 35px;gap:35px}.mini-tower .mini-site-content img{height:365px;object-fit:cover}.mini-tower .mini-site-copy h4{font:400 clamp(26px,3vw,44px)/1.08 Arial,sans-serif;letter-spacing:-.06em;margin:42px 0}.mockup-open{position:absolute;right:16px;bottom:12px;border:1px solid #ffffff35;background:#111;color:#eee;padding:9px 12px;font:10px Arial;z-index:4}.showcase-caption{display:flex;justify-content:space-between;gap:30px;padding:22px 0;font-size:12px;color:#bbb}.showcase-caption p{font-size:13px;color:#888}.showcase-switcher{display:flex;gap:0;margin:35px 6% 0;border-top:1px solid #ffffff24}.showcase-switcher button{display:flex;align-items:center;gap:20px;flex:1;background:none;border:0;border-top:2px solid transparent;color:#8f8f94;padding:25px 18px;font-size:13px;text-align:left;min-height:64px}.showcase-switcher button>span{font-size:10px}.showcase-switcher button b{margin-left:auto;font-weight:400}.showcase-switcher button[aria-pressed=true]{color:#eee;border-top-color:#35f28b}.showcase-switcher button[aria-pressed=true]>span{color:#35f28b}.showcase-panel.is-active .mini-site{animation:showcase-reveal .65s cubic-bezier(.2,.7,.2,1)}.showcase-panel[data-panel="1"]{padding-left:3%;padding-right:3%}.showcase-panel[data-panel="1"]:before{content:'';position:absolute;inset:90px 0 50px;background:radial-gradient(ellipse,#9e552313,transparent 70%);z-index:-1}.showcase-panel[data-panel="2"]:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:70px 70px;z-index:-1}.showcase-portfolio .portfolio-disclaimer{display:none}@keyframes showcase-reveal{from{opacity:.2;clip-path:inset(0 5% 0 0);translate:14px 0}to{opacity:1;clip-path:inset(0);translate:0 0}}
@media(max-width:700px){.showcase-panel,.showcase-panel[data-panel="1"]{padding:0;margin:0 0 55px;width:100%}.showcase-panel>h3{font-size:34px;margin:20px 0}.showcase-number{font-size:140px;top:0}.showcase-meta{font-size:10px;gap:18px}.browser-chrome{height:34px;padding:0 10px;font-size:8px}.browser-chrome>span:first-child{font-size:6px;letter-spacing:2px}.mini-site{height:360px}.mini-site-nav{height:50px}.mini-site-nav strong{font-size:13px}.mini-site-nav>span{font-size:7px}.mini-site-content{height:310px;padding:20px 5% 30px;gap:0}.mini-site-copy h4{font-size:24px;margin:20px -20px 18px 0}.mini-site-copy small,.mini-site-copy p{font-size:6px}.mini-site-content img{height:235px}.mini-demo{font-size:6px;bottom:12px}.mini-fire .mini-site-copy{max-width:90%;padding:30px 1%}.mini-fire .mini-site-copy h4{font-size:50px}.mini-tower .mini-site-nav{height:50px}.mini-tower .mini-site-content{height:310px;gap:12px;padding:20px 4% 35px}.mini-tower .mini-site-copy h4{font-size:22px;margin:20px 0}.mini-tower .mini-site-content img{height:230px}.mockup-open{font-size:8px;padding:7px;bottom:9px;right:9px}.showcase-caption{flex-direction:column;gap:9px;padding-top:18px}.showcase-caption p{font-size:13px}.showcase-switcher{display:none}.showcase-panel.is-active .mini-site{animation:none}.showcase-stage.world-stage{display:block}.showcase-portfolio .editorial-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.showcase-panel.is-active .mini-site{animation:none}.browser-mockup:hover .mini-site-content img{scale:1}}