.case{padding-block:var(--s-12) 0}.case-back{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border:0}.case-back:hover{color:var(--action)}.case-hero{margin-top:var(--s-8);max-width:940px}.case-hero .num{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);letter-spacing:.12em}.case-hero h1{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-case-hero);line-height:.9;letter-spacing:-.03em;margin:var(--s-3) 0 0;text-wrap:balance}.case-hero h1:before{content:"/";color:var(--action);margin-right:.14em}.case-hero .sub{font-family:var(--font-display-alt);font-weight:600;font-size:var(--fs-h3);color:var(--fg-2);margin-top:var(--s-3)}.case-hero .hook{margin-top:var(--s-6);font-size:20px;line-height:1.5;color:var(--fg);max-width:60ch}.case-info{display:flex;flex-wrap:wrap;gap:var(--s-8);margin-top:var(--s-8);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.case-info .k{color:var(--fg-3);display:block;margin-bottom:4px}.case-info .k:before{content:"// "}.case-info .v{color:var(--fg)}.case-live{margin-top:var(--s-6)}.ba{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:start}@media(max-width:760px){.ba{grid-template-columns:1fr}}.ba-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s-3);display:flex;align-items:center;gap:8px;max-width:300px;margin-inline:auto}.ba-label.after{color:var(--action)}.reveal-wrap{margin-inline:0}.reveal-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.reveal-head .reveal-lbl{color:var(--fg-3)}.reveal-head .reveal-lbl.after{color:var(--action)}.reveal-stage{position:relative;overflow:hidden;aspect-ratio:1920/1080;touch-action:none;user-select:none;cursor:ew-resize}.reveal-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.reveal-after{object-position:top}.reveal-before{object-position:left top;clip-path:inset(0 calc(100% - var(--reveal-pos,50%)) 0 0);z-index:2}.reveal-handle{position:absolute;top:0;bottom:0;left:var(--reveal-pos,50%);transform:translate(-50%);width:46px;z-index:4;background:transparent;border:0;padding:0;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.reveal-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--action)}.reveal-grip{position:relative;width:42px;height:42px;border-radius:50%;background:var(--action);color:var(--jg-black);display:grid;place-items:center;box-shadow:0 4px 18px rgba(var(--jg-black-rgb),.55)}.reveal-grip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.reveal-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--r-1)}.frame-browser{border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--bg-surface)}.frame-browser .bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--border)}.frame-browser .bar i{width:8px;height:8px;border-radius:50%;background:var(--jg-line);display:inline-block}.frame-browser img{width:100%;display:block}.frame-phone{max-width:300px;margin-inline:auto;border:1px solid var(--border-phone);border-radius:38px;overflow:hidden;background:var(--jg-phone);padding:9px;box-shadow:var(--shadow-device)}.frame-phone img{width:100%;display:block;border-radius:30px}.beats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12) var(--s-10);margin-top:var(--s-10)}@media(max-width:760px){.beats{grid-template-columns:1fr;gap:var(--s-8)}}.beats-spec{grid-template-columns:1fr 1fr;gap:var(--s-16) var(--s-10)}@media(max-width:760px){.beats-spec{grid-template-columns:1fr;gap:var(--s-12)}}.beat-spec h3{margin-top:var(--s-2)}.beat-spec p{margin:var(--s-3) 0 var(--s-5);font-size:15px;line-height:1.55;color:var(--fg-2);max-width:none}.beat-spec .jg-tag-rows{margin-top:var(--s-4)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-6);margin-top:var(--s-8)}.gallery.phones{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery figure{margin:0}.gallery figcaption{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-top:var(--s-3)}.stack{max-width:1000px;margin:var(--s-10) auto 0;display:flex;flex-direction:column;gap:var(--s-10)}.stack .shot{border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-img)}.stack .shot .bar{height:30px;background:var(--bg-elev);display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid var(--border)}.stack .shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--jg-line);display:block}.stack .shot img{width:100%;display:block}.mockup-shot{margin-block:var(--s-10)}.mockup-shot img{width:100%;display:block}.vid-frame{border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--jg-black);box-shadow:var(--shadow-2)}.vid-frame video{width:100%;display:block;aspect-ratio:16/9}.ia-block{border:1px solid var(--border);background:var(--bg-surface);padding:var(--s-10);margin-top:var(--s-10)}.media-frame{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--r-0);padding:clamp(20px,3vw,44px)}.media-frame .ba,.media-frame .screens-slider{margin-top:0}.ia-block .ia-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ia-block h3{margin-top:var(--s-3)}.ia-block p{margin-top:var(--s-4);max-width:70ch}.metrics{display:flex;flex-wrap:wrap;gap:var(--s-12);margin-top:var(--s-8)}.metric .jg-stat{display:block}.metric .m-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-top:4px}.honest{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--fg-3);letter-spacing:.03em;margin-top:var(--s-8);border-top:1px solid var(--border-soft);padding-top:var(--s-4);max-width:80ch}.case-nav{border-top:1px solid var(--border);margin-top:var(--s-16);padding-block:var(--s-10);display:flex;justify-content:space-between;align-items:center;gap:var(--s-6)}.case-nav .next{text-align:right;border:0}.case-nav .next .k{display:block;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em}.case-nav .next .t{font-family:var(--font-display-alt);font-weight:700;font-size:var(--fs-h3);color:var(--fg);transition:color var(--dur-base) var(--ease-out)}.case-nav .next:hover .t{color:var(--action)}.tag-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--border);color:var(--fg-2);border-radius:var(--r-1)}.tag-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fg-3)}.tag-badge.proposta:before{background:#ff9a5e}.tag-badge.producao:before{background:#52c36a}.pull{font-family:var(--font-display-alt);font-weight:600;font-size:clamp(26px,3.6vw,46px);line-height:1.1;letter-spacing:-.02em;max-width:22ch;margin-top:var(--s-6);color:var(--fg)}.pull .dim{color:var(--fg-3)}.mono-fig{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--fg-2)}.spec{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-10);margin-top:var(--s-8)}@media(max-width:760px){.spec{grid-template-columns:1fr;gap:var(--s-6)}}.spec h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s-4)}.spec ul{list-style:none;padding:0;margin:0}.spec li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:15px;color:var(--fg)}.spec li:before{content:"—";color:var(--fg-3)}.logo-show{margin-top:var(--s-10);border:1px solid var(--border);border-radius:var(--r-0);background:var(--jg-stage-deep);padding:clamp(48px,8vw,120px);display:flex;align-items:center;justify-content:center}.logo-show img{width:min(440px,72%);display:block}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-top:var(--s-4)}@media(max-width:760px){.logo-grid{grid-template-columns:repeat(2,1fr)}}.logo-cell{border:1px solid var(--border);border-radius:var(--r-0);background:var(--jg-stage);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:26px}.logo-cell img{max-width:78%;max-height:70%;object-fit:contain}.logo-cell.icon{background:var(--jg-stage-deep)}.swatch-group-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin:var(--s-8) 0 var(--s-3)}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.swatch{border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden}.swatch .chip{height:84px}.swatch .meta{padding:10px 12px;background:var(--bg-surface)}.swatch .hex{font-family:var(--font-mono);font-size:12px;color:var(--fg)}.swatch .nm{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);margin-top:3px}.type-spec{margin-top:var(--s-8);display:flex;flex-direction:column;gap:var(--s-8)}.type-row{border-top:1px solid var(--border-soft);padding-top:var(--s-5)}.type-row .lab{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--s-3)}.type-inter{font-family:Inter,sans-serif;color:var(--fg);letter-spacing:-.02em}.type-mono{font-family:var(--font-mono);color:var(--fg)}.ladder{display:flex;gap:6px;margin-top:var(--s-8)}.ladder .rung{flex:1;height:80px;border-radius:var(--r-0);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:24px;color:#0a0a0a}.ladder-cap{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin-top:var(--s-3);display:flex;justify-content:space-between;letter-spacing:.06em}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-10);margin-top:var(--s-8)}@media(max-width:860px){.split{grid-template-columns:1fr;gap:var(--s-8)}}.split .role{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-2)}.bleed{margin-block:var(--s-10)}.bleed img{width:100%;display:block;border-radius:var(--r-0);border:1px solid var(--border)}.evlist{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 24px;margin-top:var(--s-6);list-style:none;padding:0}@media(max-width:760px){.evlist{grid-template-columns:1fr 1fr}}.evlist li{font-family:var(--font-mono);font-size:13px;color:var(--fg-2);padding:9px 0;border-bottom:1px solid var(--border-soft);display:flex;gap:10px}.evlist li b{color:var(--fg-3);font-weight:500}.split .pane img{width:100%;display:block;border-radius:var(--r-0);border:1px solid var(--border);margin-top:var(--s-4)}.split.center{align-items:center}.logo-construct{max-width:600px;margin:var(--s-10) auto 0;padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-0);background:var(--jg-stage)}.logo-construct svg{width:100%;height:auto;display:block;overflow:visible}.logo-construct .ms-guides path{stroke:#c7ccd6;opacity:.7}.logo-construct .ms-stroke{stroke:#eb6b23;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round}.logo-construct .ms-outline{fill:#eb6b23;stroke:#eb6b23;stroke-width:8;stroke-linejoin:round;stroke-linecap:round}.logo-construct .gm{fill:none;stroke:var(--jg-white);stroke-width:11;stroke-linecap:butt;stroke-linejoin:round}.logo-construct .lc-cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);text-align:center;margin-top:var(--s-4)}.fb{width:100vw;margin-inline:calc(50% - 50vw)}.ed-sec{padding-block:clamp(100px,9vw,132px)}.ed-sec:first-child{padding-top:clamp(56px,6vw,88px)}.ed-head{max-width:1000px}.ed-head .ey{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);display:block}.ed-head h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-ed-head);line-height:1;letter-spacing:-.025em;margin:var(--s-5) 0 0;max-width:18ch;color:var(--fg);text-wrap:balance}.ed-head p{font-size:19px;line-height:1.5;color:var(--fg-2);margin:var(--s-6) 0 0;max-width:58ch}.tw-body{max-width:64ch;margin-top:var(--s-6);font-size:18px;line-height:1.65;color:var(--fg-2)}.tw-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}.tw-layout .ed-head{max-width:none}.tw-figure{position:sticky;top:clamp(24px,6vw,90px)}.tw-figure img,.tw-figure video{width:100%;height:auto;display:block;border-radius:var(--r-0)}.tw-figure .frame-browser img{border-radius:0}.tw-cap{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.tw-cap p{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--fg-2);max-width:52ch;margin:0}.shots-proof{display:flex;flex-direction:column;gap:var(--s-16);margin-top:var(--s-10)}.proof{margin:0}.proof .frame-browser img{border-radius:0}.proof .tw-cap{margin-top:var(--s-5)}@media(max-width:820px){.tw-layout{grid-template-columns:1fr;gap:clamp(24px,5vw,40px)}.tw-figure{position:static;max-width:420px}}.screens-slider{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;margin-top:var(--s-12);-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.screens-slider::-webkit-scrollbar{display:none}.screens-slider.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.screens-slider.dragging img{pointer-events:none}.screens-slider .scr{flex:0 0 clamp(228px,24vw,300px);scroll-snap-align:start;margin:0}.screens-slider:not(.wide) .scr{border:1px solid var(--border-phone);border-radius:38px;background:var(--jg-phone);padding:9px;box-shadow:var(--shadow-device);overflow:hidden}.screens-slider:not(.wide) .scr img{border-radius:30px}.screens-slider .scr img{width:100%;display:block;user-select:none;-webkit-user-drag:none}.scr-cap{margin-top:var(--s-4);display:flex;flex-direction:column;gap:6px}.scr-cap .scr-desc{font-family:var(--font-body);font-size:14px;line-height:1.4;color:var(--fg-2);max-width:46ch}.screens-slider.wide .scr{flex:0 0 clamp(680px,82vw,1040px)}.screens-slider.wide .scr .scr-shot{position:relative;border:1px solid var(--border);border-radius:var(--r-0);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-device);padding-top:30px}.screens-slider.wide .scr .scr-shot:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background-color:var(--bg-surface);border-bottom:1px solid var(--border);background-image:radial-gradient(circle at 16px 15px,var(--jg-line) 4px,transparent 4.5px),radial-gradient(circle at 30px 15px,var(--jg-line) 4px,transparent 4.5px),radial-gradient(circle at 44px 15px,var(--jg-line) 4px,transparent 4.5px);background-repeat:no-repeat}.screens-slider.wide .scr .scr-shot img{display:block;width:100%;border-radius:0}.scr-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.8vw,24px);margin-top:var(--s-10)}.scr-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.scr-count .scr-i{color:var(--fg);font-weight:600}.scr-arrows{display:flex;gap:10px}.scr-arr{width:46px;height:46px;border-radius:var(--r-1);border:1px solid var(--border);background:transparent;color:var(--fg-2);display:inline-grid;place-items:center;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.scr-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.scr-arr:hover:not(:disabled){background:var(--action);border-color:var(--action);color:var(--jg-white)}.scr-arr:focus-visible{outline:2px solid var(--action);outline-offset:2px}.scr-arr:disabled{opacity:.3;cursor:default}@media(max-width:680px){.scr-arr{width:42px;height:42px}}.ed-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(32px,6vw,104px);align-items:start}@media(max-width:860px){.ed-intro{grid-template-columns:1fr;gap:var(--s-10)}}.ed-intro .lede p{font-size:21px;line-height:1.5;color:var(--fg);max-width:44ch;margin:0}.ed-intro .lede p+p{margin-top:var(--s-6);color:var(--fg-2);font-size:17px;line-height:1.6}.ed-meta{display:grid;grid-template-columns:1fr;gap:var(--s-6)}.ed-meta .m{border-top:1px solid var(--border-soft);padding-top:var(--s-3)}.ed-meta .m .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);display:block;margin-bottom:var(--s-2)}.ed-meta .m .k:before{content:"// "}.ed-meta .m .v{font-size:15px;color:var(--fg);line-height:1.45}.ed-fig{margin:0}.ed-fig img,.ed-fig video{width:100%;display:block;border-radius:var(--r-0)}.ed-fig figcaption,.ed-cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-top:var(--s-4)}.launch-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,32px);align-items:stretch;margin-top:var(--s-12)}.launch-fig{margin:0;aspect-ratio:3/4}.launch-fig img,.launch-fig video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:var(--r-0)}@media(max-width:680px){.launch-pair{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.moodboard{background:#242a31;border-radius:var(--r-0);overflow:hidden;padding:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(5,clamp(58px,6.6vw,106px));gap:clamp(8px,1vw,15px);margin-top:var(--s-12)}.moodboard .mb-item{margin:0;overflow:hidden}.moodboard .mb-item img{width:100%;height:100%;object-fit:cover;display:block}.m-capa{grid-column:1 / span 7;grid-row:1 / span 3}.m-capa img{object-position:left center}.m-fund{grid-column:8 / span 5;grid-row:1 / span 2}.m-conc{grid-column:8 / span 5;grid-row:3 / span 3}.m-simb{grid-column:1 / span 7;grid-row:4 / span 2}@media(max-width:760px){.moodboard{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,clamp(96px,30vw,170px))}.m-capa{grid-column:1 / span 2;grid-row:1 / span 2}.m-fund{grid-column:1 / span 1;grid-row:3}.m-conc{grid-column:2 / span 1;grid-row:3}.m-simb{grid-column:1 / span 2;grid-row:4}}.ed-grid{display:grid;gap:clamp(10px,1.4vw,20px)}.ed-grid.two{grid-template-columns:1fr 1fr}.ed-grid.three{grid-template-columns:repeat(3,1fr)}.ed-grid .cell{overflow:hidden;border-radius:var(--r-0)}.ed-grid .cell img{width:100%;height:100%;object-fit:cover;display:block}.ed-grid.three .cell{aspect-ratio:3/2}.ed-grid.two .cell{aspect-ratio:8/5}@media(max-width:760px){.ed-grid.three{grid-template-columns:1fr 1fr}.ed-grid.two{grid-template-columns:1fr}}.ed-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}@media(max-width:860px){.ed-split{grid-template-columns:1fr;gap:var(--s-8)}}.ed-split .t .ey{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);display:block;margin-bottom:var(--s-5)}.ed-split .t p{font-size:20px;line-height:1.5;color:var(--fg);max-width:40ch;margin:0}.ed-split .ed-fig img{max-height:78vh;width:100%;object-fit:contain}.pal{display:flex;flex-direction:column;border-radius:var(--r-0);overflow:hidden;margin-top:var(--s-8)}.pal .band{display:flex;align-items:center;justify-content:space-between;padding:clamp(22px,3vw,40px) clamp(24px,3.5vw,48px);min-height:clamp(64px,7vw,96px)}.pal .band .nm{font-family:var(--font-display-alt);font-weight:600;font-size:clamp(17px,2vw,24px);letter-spacing:-.01em}.pal .band .hex{font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;opacity:.82}.brand-board{margin-top:var(--s-10);display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,20px);align-items:stretch}@media(max-width:860px){.brand-board{grid-template-columns:1fr}}.brand-board .logo-construct{grid-column:1;grid-row:1;margin:0;max-width:none;padding:clamp(18px,2.4vw,34px);border:0;border-radius:var(--r-0);background:#eeefef;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-board .logo-construct svg{width:100%;max-width:415px}.brand-board .logo-construct .ms-guides path{stroke:#231f20;opacity:.5;stroke-width:7}.brand-board .logo-construct .gm{stroke-width:12}.bb-login{grid-column:2;grid-row:1;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-login img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.bb-colors{grid-column:1;grid-row:2;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-colors .pal{margin-top:0;height:100%;border-radius:0}.bb-colors .pal .band{flex:1;min-height:0;padding-block:0}.bb-dock{grid-column:2;grid-row:2;margin:0;overflow:hidden;border-radius:var(--r-0)}.bb-dock img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:860px){.brand-board .logo-construct,.bb-dock,.bb-colors,.bb-login{grid-column:auto;grid-row:auto}.bb-login,.bb-dock{aspect-ratio:16/10}.bb-colors .pal{height:auto}.bb-colors .pal .band{flex:none;min-height:clamp(58px,15vw,76px);padding-block:14px}}.post{padding-block:var(--s-12) 0}.post .wrap{max-width:820px}.post-hero{max-width:none;margin-top:var(--s-8)}.post-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.post-hero h1{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-post-hero);line-height:.95;letter-spacing:-.02em;margin:var(--s-4) 0 0;text-wrap:balance}.post-lead{margin-top:var(--s-5);font-size:clamp(18px,2vw,23px);line-height:1.5;color:var(--fg);max-width:60ch;text-wrap:balance}.prose{max-width:none;margin-top:var(--s-12)}.prose>*+*{margin-top:var(--s-6)}.prose p{color:var(--fg-2);font-size:17px;line-height:1.8}.prose h2{font-family:var(--font-display-alt);font-weight:700;font-size:var(--fs-prose-h2);line-height:1.15;color:var(--fg);margin-top:var(--s-12);letter-spacing:-.01em}.prose h2:before{content:"// ";color:var(--action);font-family:var(--font-mono);font-weight:400}.prose h3{font-family:var(--font-display-alt);font-weight:700;font-size:var(--fs-prose-h3);color:var(--fg);margin-top:var(--s-8)}.prose ul{margin-left:0;padding-left:0;list-style:none}.prose li{position:relative;padding-left:var(--s-6);color:var(--fg-2);font-size:17px;line-height:1.7;margin-top:var(--s-3)}.prose li:before{content:"—";position:absolute;left:0;color:var(--action)}.prose blockquote{border-left:2px solid var(--action);padding:var(--s-2) 0 var(--s-2) var(--s-6);margin-block:var(--s-8);font-family:var(--font-display-alt);font-weight:600;font-size:clamp(20px,2.4vw,28px);line-height:1.3;color:var(--fg)}.prose pre{background:var(--bg-surface);border:1px solid var(--border);padding:var(--s-6);overflow-x:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;color:var(--fg-2)}.prose pre code{color:var(--fg-2);white-space:pre}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.9em;color:var(--action);background:var(--bg-surface);padding:1px 6px;border:1px solid var(--border)}.post-takeaway{border-top:1px solid var(--border);margin-top:var(--s-12);padding-top:var(--s-6);color:var(--fg)!important}.post-takeaway .k{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--action);display:block;margin-bottom:var(--s-2)}