.showcase{color:var(--foreground);background:var(--background);font-family:var(--font-body)}.showcase *{box-sizing:border-box}.showcase h1,.showcase h2,.showcase h3,.showcase p{margin-top:0}.showcase a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.showcase__kicker,.showcase__case-top,.showcase__card-index,.showcase__facts dt,.showcase__end>p,.showcase__frame-label{font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--subtle)}.showcase--gallery,.showcase--case{max-width:1600px;margin:0 auto;padding-left:clamp(20px,4vw,68px);padding-right:clamp(20px,4vw,68px)}.showcase--gallery{padding-top:clamp(75px,9vw,140px);padding-bottom:160px}.showcase__header{grid-template-columns:minmax(0,1.3fr) minmax(230px,.5fr);align-items:end;gap:35px 70px;padding-bottom:clamp(70px,8vw,120px);display:grid}.showcase__header .showcase__kicker{grid-column:1/-1;margin:0}.showcase__header h1{letter-spacing:-.088em;margin:0;font-size:clamp(64px,9vw,145px);font-weight:550;line-height:.86}.showcase__header h1 em{color:var(--muted);font-style:normal}.showcase__header>p:last-child{color:var(--muted);max-width:440px;margin:0;font-size:clamp(15px,1.5vw,19px);line-height:1.6}.showcase__gallery-list{grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,52px);display:grid}.showcase__card{border-top:1px solid var(--foreground);padding-top:16px}.showcase__card>a{display:block}.showcase__shot{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--border);display:block;position:relative;overflow:hidden}.showcase__shot img{object-fit:cover;object-position:top center;transition:transform .45s cubic-bezier(.16,1,.3,1)}.showcase__card:hover .showcase__shot img,.showcase__card:focus-within .showcase__shot img{transform:scale(1.025)}.showcase__card-bottom{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 26px;gap:18px;padding:26px 0 32px;display:grid}.showcase__card-bottom h2{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(32px,3.4vw,54px);font-weight:550;line-height:1.02}.showcase__card-bottom p{color:var(--muted);max-width:500px;margin:0 0 18px;font-size:14px;line-height:1.6}.showcase__card-bottom ul,.showcase__tags{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.showcase__card-bottom li,.showcase__tags li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:10px}.showcase__card-arrow{font-size:25px;line-height:1;transition:transform .18s}.showcase__card:hover .showcase__card-arrow{transform:translate(3px,-3px)}.showcase__gallery-note{color:var(--subtle);margin:45px 0 0;font-size:12px}.showcase__shot-caption{color:var(--subtle);font:10px/1.5 var(--font-mono);margin:9px 0 0;display:block}.showcase--case{padding-top:45px;padding-bottom:160px}.showcase__case-top{justify-content:space-between;gap:20px;padding:0 0 60px;display:flex}.showcase__case-top a{color:var(--foreground);text-transform:none;letter-spacing:0}.showcase__case-header{grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);align-items:end;gap:50px;padding-bottom:50px;display:grid}.showcase__case-header h1{letter-spacing:-.09em;margin:18px 0 0;font-size:clamp(65px,9vw,145px);font-weight:550;line-height:.88}.showcase__case-header>p{color:var(--muted);max-width:470px;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.showcase__case-image{aspect-ratio:16/8.5;background:var(--surface-2);border:1px solid var(--border);position:relative;overflow:hidden}.showcase__case-image img{object-fit:cover;object-position:top center}.showcase__tags{border-bottom:1px solid var(--border);padding:20px 0 80px}.showcase__case-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(250px,.65fr) minmax(0,1fr);gap:clamp(35px,7vw,125px);padding:clamp(80px,9vw,145px) 0;display:grid}.showcase__case-section h2,.showcase__comparison h2{letter-spacing:-.065em;margin:17px 0 24px;font-size:clamp(42px,5vw,79px);font-weight:550;line-height:.98}.showcase__case-section>div:first-child>p:last-of-type,.showcase__comparison-head p:last-child{color:var(--muted);max-width:530px;font-size:16px;line-height:1.65}.showcase__prose p{margin-bottom:24px;font-size:clamp(17px,1.6vw,21px);line-height:1.68}.showcase__prose p+p{color:var(--muted)}.showcase__prose code{font-family:var(--font-mono);background:var(--surface-2);padding:2px 4px;font-size:.8em}.showcase__case-section--live{grid-template-columns:minmax(280px,.47fr) minmax(0,1fr);gap:45px}.showcase__case-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:35px;font-size:13px;font-weight:550;display:flex}.showcase__case-actions a:not(.showcase__action-primary){text-underline-offset:4px;text-decoration:underline}.showcase__action-primary{background:var(--accent-bright);border-radius:var(--radius-sm);padding:13px 16px;color:var(--accent-ink)!important}.showcase__live-frame{background:var(--surface-2);border:1px solid var(--border);min-width:0;padding:12px}.showcase__live-frame iframe{background:var(--background);border:0;width:100%;height:670px;display:block}.showcase__decisions{border-top:1px solid var(--border-strong);margin:0;padding:0;list-style:none}.showcase__decisions li{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;gap:20px;padding:22px 0;display:grid}.showcase__decisions li>span{font:11px var(--font-mono);color:var(--subtle)}.showcase__decisions h3{letter-spacing:-.025em;margin:0 0 6px;font-size:20px;font-weight:550;line-height:1.2}.showcase__decisions p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.showcase__facts{border-bottom:1px solid var(--border);padding:clamp(70px,8vw,120px) 0}.showcase__facts dl{border-top:1px solid var(--foreground);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid}.showcase__fact{border-left:1px solid var(--border);padding:24px 25px 32px}.showcase__fact:first-child{border-left:0;padding-left:0}.showcase__facts dt{margin-bottom:17px}.showcase__facts dd{margin:0;font-size:13px;line-height:1.65}.showcase__facts dd a{text-underline-offset:3px;text-decoration:underline}.showcase__end{padding-top:clamp(80px,9vw,145px)}.showcase__end h2{letter-spacing:-.08em;max-width:820px;margin:20px 0 45px;font-size:clamp(50px,7vw,110px);font-weight:550;line-height:.94}.showcase__end>a{background:var(--accent-bright);color:var(--accent-ink);border-radius:var(--radius-sm);padding:13px 17px;font-size:13px;font-weight:600;display:inline-block}.showcase__comparison{border-bottom:1px solid var(--border);padding:clamp(80px,9vw,145px) 0}.showcase__comparison-head{justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px;display:flex}.showcase__comparison-head h2{max-width:800px}.showcase__comparison-head>a{white-space:nowrap;text-underline-offset:4px;font-size:13px;text-decoration:underline}.showcase__comparison-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.showcase__frame-label{color:var(--foreground);border-top:1px solid var(--foreground);justify-content:space-between;gap:15px;padding:15px 0;display:flex}.showcase__frame-label a{text-underline-offset:3px;text-decoration:underline}.showcase__comparison-grid .showcase__live-frame iframe{height:620px}@media (max-width:1000px){.showcase__header,.showcase__case-header{grid-template-columns:1fr}.showcase__header>p:last-child{max-width:690px}.showcase__case-section,.showcase__case-section--live{grid-template-columns:1fr}.showcase__case-section>div:first-child>p:last-of-type{max-width:700px}.showcase__facts dl{grid-template-columns:1fr 1fr}.showcase__fact:nth-child(3){border-left:0;border-top:1px solid var(--border);padding-left:0}.showcase__fact:nth-child(4){border-top:1px solid var(--border)}}@media (max-width:750px){.showcase--gallery,.showcase--case{padding-left:20px;padding-right:20px}.showcase__header h1,.showcase__case-header h1{font-size:clamp(58px,12vw,96px)}.showcase__gallery-list{grid-template-columns:1fr;gap:60px}.showcase__case-top{padding-bottom:40px}.showcase__case-image{aspect-ratio:4/3}.showcase__tags{padding-bottom:50px}.showcase__comparison-head{flex-direction:column;align-items:flex-start}.showcase__comparison-grid{grid-template-columns:1fr}.showcase__comparison-grid .showcase__live-frame iframe,.showcase__live-frame iframe{height:560px}}@media (max-width:520px){.showcase__card-bottom{grid-template-columns:1fr 22px}.showcase__card-index{grid-column:1/-1}.showcase__card-bottom h2{font-size:35px}.showcase__facts dl{grid-template-columns:1fr}.showcase__fact,.showcase__fact:first-child,.showcase__fact:nth-child(3){border-left:0;border-top:1px solid var(--border);padding:20px 0}.showcase__fact:first-child{border-top:0}}@media (prefers-reduced-motion:reduce){.showcase__shot img,.showcase__card-arrow{transition:none}.showcase__card:hover .showcase__shot img,.showcase__card:hover .showcase__card-arrow{transform:none}}
.signalCase{--signal-rule:var(--border)}.signalCase__header{grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);align-items:end;gap:clamp(2rem,6vw,7rem);padding:0 0 clamp(3rem,6vw,6rem);display:grid}.signalCase__header h1{letter-spacing:-.095em;margin:.3em 0 0;font-size:clamp(5rem,12vw,12rem);font-weight:530;line-height:.82}.signalCase__header h1 em{color:var(--accent);font-style:normal}.signalCase__headerAside p{max-width:29rem;color:var(--muted);margin:0 0 2rem;font-size:clamp(1.06rem,1.5vw,1.35rem);line-height:1.5}.signalCase__headerAside a{border-top:1px solid var(--foreground);border-bottom:1px solid var(--foreground);min-height:44px;font:600 .76rem var(--font-mono);text-transform:uppercase;letter-spacing:.025em;justify-content:space-between;align-items:center;gap:2.5rem;padding:.7rem 0;display:inline-flex}.signalCase__headerAside a span{font-size:1.1rem;transition:transform .2s ease-out}.signalCase__headerAside a:hover span,.signalCase__headerAside a:focus-visible span{transform:translate(3px,-3px)}.signalCase__image{aspect-ratio:16/7.2;background:#243732;min-height:370px;margin:0;position:relative;overflow:hidden}.signalCase__image:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000073);position:absolute;inset:52% 0 0}.signalCase__image img{object-fit:cover;object-position:center 48%}.signalCase__image figcaption{z-index:1;color:#fff;font:.68rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;position:absolute;bottom:clamp(1rem,3vw,3rem);left:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem)}.signalCase__tags{padding-bottom:clamp(3rem,5vw,5rem)}.signalCase__live{padding-top:clamp(4rem,7vw,7rem)}.signalCase__live .showcase__case-actions a:not(.showcase__action-primary){align-items:center;min-height:44px;display:inline-flex}.signalCase__patternSection{border-bottom:1px solid var(--signal-rule);grid-template-columns:minmax(250px,.65fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);padding:clamp(5rem,9vw,9rem) 0;scroll-margin-top:3rem;display:grid}.signalCase__sectionIntro h2,.signalCase__visualSection h2{letter-spacing:-.065em;max-width:11ch;margin:1.1rem 0 1.5rem;font-size:clamp(2.8rem,5vw,5rem);font-weight:550;line-height:.98}.signalCase__sectionIntro>p:last-child{max-width:32rem;color:var(--muted);font-size:1rem;line-height:1.7}.signalCase__sectionIntro a{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline}.signalCase__patterns{border-top:1px solid var(--foreground);margin:0;padding:0;list-style:none}.signalCase__patterns li{border-bottom:1px solid var(--signal-rule);grid-template-columns:minmax(95px,.36fr) minmax(0,1fr);gap:.25rem 1.5rem;padding:2rem 0;display:grid}.signalCase__patterns span,.signalCase__motionList span{color:var(--subtle);font:.67rem var(--font-mono);text-transform:uppercase;letter-spacing:.045em}.signalCase__patterns h3{letter-spacing:-.04em;margin:0 0 .45rem;font-size:clamp(1.5rem,2vw,2rem);font-weight:550;line-height:1.1}.signalCase__patterns p{max-width:36rem;color:var(--muted);grid-column:2;margin:0;font-size:.92rem;line-height:1.7}.signalCase__visualSection{padding-top:clamp(5rem,9vw,9rem)}.signalCase__visualDetails{align-content:start;gap:1.4rem;display:grid}.signalCase__visualDetails>p{max-width:42rem;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.signalCase__visualDetails>p+p{color:var(--muted)}.signalCase__swatches{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-bottom:1rem;display:grid}.signalCase__swatch{min-height:125px;font:.7rem var(--font-mono);flex-direction:column;justify-content:end;padding:.8rem;display:flex}.signalCase__swatch b{font-weight:600}.signalCase__swatch small{opacity:.75;margin-top:.2rem;font-size:.63rem}.signalCase__swatch--charcoal{color:#fff;background:#1c211e}.signalCase__swatch--ivory{color:#1c211e;background:#f8f7f2}.signalCase__swatch--lime{color:#1c211e;background:#cfff04}.signalCase__swatch--cyan{color:#1c211e;background:#9cdddc}.signalCase__swatch--amber{color:#1c211e;background:#e4bd70}.signalCase__swatch--coral{color:#1c211e;background:#e89b88}.signalCase__motion{color:#f6f7f2;background:#1c211e;grid-template-columns:minmax(250px,.65fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);margin-top:clamp(5rem,9vw,9rem);padding:clamp(3rem,6vw,6rem);display:grid}.signalCase__motion .showcase__kicker,.signalCase__motion .signalCase__sectionIntro>p:last-child,.signalCase__motionList span,.signalCase__motionList p{color:#b4c0b5}.signalCase__motionList{border-top:1px solid #738075}.signalCase__motionList>div{border-bottom:1px solid #556258;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);gap:.3rem 1.5rem;padding:1.5rem 0;display:grid}.signalCase__motionList h3{letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:520;line-height:1.25}.signalCase__motionList p{grid-column:2;margin:0;font-size:.9rem;line-height:1.65}.signalCase__facts{padding-top:clamp(5rem,9vw,9rem)}.signalCase__end h2{max-width:11ch}@media (max-width:1000px){.signalCase__header,.signalCase__patternSection,.signalCase__motion{grid-template-columns:1fr}.signalCase__headerAside{max-width:36rem}}@media (max-width:750px){.signalCase__header h1{font-size:clamp(4.8rem,17vw,8rem)}.signalCase__image{aspect-ratio:4/5;min-height:360px}.signalCase__image img{object-position:center}.signalCase__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.signalCase__motion{margin-left:-20px;margin-right:-20px;padding:3rem 20px}}@media (max-width:520px){.signalCase__patterns li,.signalCase__motionList>div{grid-template-columns:1fr;gap:.7rem}.signalCase__patterns p,.signalCase__motionList p{grid-column:1}.signalCase__swatch{min-height:105px}}@media (prefers-reduced-motion:reduce){.signalCase__headerAside a span{transition:none}.signalCase__headerAside a:hover span,.signalCase__headerAside a:focus-visible span{transform:none}}