.work-tags{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.work-tags li{border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:999px;padding:.25rem .85rem;font-size:.8rem}.work-frame{border:1px solid var(--border);border-radius:var(--radius);background:#191814;margin-block-end:3.5rem;padding:clamp(.75rem,4vw,3rem)}.work-frame.coffee{background:#211a15}.work-frame.business{background:#121d2c}.work-frame>.site-preview{max-inline-size:83rem;margin-inline:auto;box-shadow:0 25px 75px #00000045}.work-case{margin-block-end:3.5rem}.work-case-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem;display:grid}.work-case article{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}.work-case article>.mono{color:var(--live);font-size:.74rem}.work-case h3{margin:.4rem 0 .6rem;font-size:1.15rem;font-weight:900}.work-case p{color:var(--text-secondary);margin:0}.work-case ul{color:var(--text-secondary);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.work-case li:before{content:"—";color:var(--live-deep);margin-inline-end:.6rem}.work-preview{margin-block-end:3.5rem}.work-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-block-end:1.5rem;display:flex}.work-preview-head h2{margin:0;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:900}.work-showcase{border-radius:var(--radius);background:#23221b;align-items:center;gap:clamp(.75rem,2.5vw,2rem);padding:clamp(1.5rem,5vw,4rem) clamp(.8rem,3.5vw,3rem);display:flex;overflow:hidden}.work-showcase.coffee{background:#34291e}.work-showcase.business{background:#182841}.showcase-desktop{flex:0 0 77%;min-inline-size:0;box-shadow:0 20px 40px #00000030}.showcase-mobile{border:5px solid #080908;border-radius:18px;flex:auto;min-inline-size:0;overflow:hidden;box-shadow:0 15px 40px #00000045}.showcase-mobile .preview-browser{display:none}.showcase-mobile .preview-nav{height:20cqw;padding:4cqw 6cqw}.showcase-mobile .preview-nav strong{font-size:9cqw}.showcase-mobile .preview-nav>div{display:none}.showcase-mobile .preview-menu{font-size:6cqw}.showcase-mobile .preview-body{flex-direction:column;padding:0;display:flex}.showcase-mobile .preview-copy{padding:7cqw;display:block}.showcase-mobile .preview-eyebrow{font-size:3cqw}.showcase-mobile .preview-heading{margin-top:4cqw;font-size:13cqw}.showcase-mobile .preview-copy p{font-size:3.5cqw}.showcase-mobile .preview-cta{margin-top:5cqw;padding:3cqw;font-size:3cqw}.showcase-mobile .preview-image{min-height:65cqw;margin:4cqw}.showcase-mobile .business-art{min-height:65cqw}.showcase-mobile .preview-footer{padding:4cqw 0;font-size:2.8cqw}.showcase-mobile .coffee-stamp{width:30cqw;height:30cqw;font-size:7cqw}.showcase-mobile .image-caption{font-size:3cqw}.showcase-mobile .orbit{width:60cqw;height:60cqw;top:10cqw;left:25cqw}.showcase-mobile .orbit-two{width:45cqw;height:45cqw;top:18cqw;left:32cqw}.showcase-mobile .orbit-three{width:30cqw;height:30cqw;top:25cqw;left:40cqw}.showcase-mobile .orbit-caption{font-size:9cqw;top:35cqw;left:51cqw}@media (max-width:40rem){.showcase-desktop{flex-basis:66%}.showcase-mobile{border-width:3px;border-radius:10px}}.demo-page{padding-block:clamp(1.5rem,4vw,2.5rem) 0}.demo-notice{padding-block-end:2rem}.demo-notice>a{color:var(--text-muted);margin-block-start:-.7rem;padding-block:.7rem;font-size:.85rem;text-decoration:none;display:inline-block}.demo-notice>a:hover{color:var(--live)}.demo-notice h1{margin:.5rem 0;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900}.demo-notice p{max-inline-size:60ch;color:var(--text-muted);margin:0;font-size:.9rem}.demo-page>.site-preview{max-inline-size:112rem;margin-inline:auto}.demo-page .preview-nav a{align-items:center;min-height:44px;display:inline-flex}.demo-page .preview-nav a:hover{text-decoration:underline}.demo-page .preview-cta{min-height:44px}.demo-page :focus-visible{outline-color:currentColor}.demo-extra{color:#3c2c23;background:#f5f0e6;padding:clamp(2.8rem,6vw,5rem) 7%}.demo-extra.interior{color:#393b30;background:#e7e7de}.demo-extra.business{color:#143267;background:#edeff4}.demo-extra>.eyebrow{margin-block-end:1.5rem;font-size:.8rem;display:block}.demo-extra h2{margin:0;font-size:clamp(2.2rem,5vw,3.25rem);line-height:1.3}.demo-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-block-start:3rem;display:grid}.demo-columns section{border-block-start:1px solid #99999978;padding-block-start:1.4rem}.demo-columns .mono{font-size:.75rem}.demo-columns h3{margin-block:.9rem;font-size:clamp(1.6rem,3vw,1.9rem)}.demo-columns p{color:inherit;opacity:.85;margin:0;font-size:1.05rem;line-height:1.9}@media (max-width:48rem){.demo-columns{grid-template-columns:minmax(0,1fr);gap:1.9rem;margin-block-start:1.9rem}}@media (max-width:44rem){.demo-page>.site-preview .preview-browser{display:none}.demo-page>.site-preview .preview-nav{height:18cqw;padding:5cqw}.demo-page>.site-preview .preview-nav strong{font-size:8cqw}.demo-page>.site-preview .preview-nav>div{gap:3cqw;font-size:3.1cqw}.demo-page>.site-preview .preview-menu{display:none}.demo-page>.site-preview .preview-body{flex-direction:column;padding:0;display:flex}.demo-page>.site-preview .preview-copy{padding:7cqw;display:block}.demo-page>.site-preview .preview-eyebrow{margin-bottom:4cqw;font-size:2.7cqw}.demo-page>.site-preview .preview-heading{font-size:13cqw}.demo-page>.site-preview .preview-copy p{margin-top:4cqw;font-size:3.8cqw}.demo-page>.site-preview .preview-cta{margin-top:5cqw;padding:2.5cqw 4cqw;font-size:3.5cqw}.demo-page>.site-preview .preview-image{min-height:75cqw;margin:4cqw 6cqw}.demo-page>.site-preview .coffee-stamp{width:30cqw;height:30cqw;font-size:7cqw}.demo-page>.site-preview .image-caption{font-size:3cqw}.demo-page>.site-preview .preview-footer{padding-block:3cqw;font-size:2.5cqw}.demo-page>.site-preview .business-art{min-height:50cqw}}