.bframe{display:block;overflow:hidden;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--lift-2)}.bframe-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--paper-2)}.bframe-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);flex:none}.bframe-url{display:inline-flex;align-items:center;min-width:0;margin-left:10px;padding:4px 12px;border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--paper);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.02em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bframe-url span{color:var(--text-faint)}.pframe{display:block;overflow:hidden;background:var(--navy);border:7px solid var(--navy);border-radius:var(--radius-feature);box-shadow:var(--panel-lift)}.pframe .cmp-shot{border-radius:calc(var(--radius-feature) - 7px);overflow:hidden}.cmp-shot img,.cmp-side img{display:block;width:100%;height:auto}.cmp-side picture{display:block}.cmp-tag{position:absolute;bottom:16px;padding:7px 13px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--t-mono);font-weight:var(--w-mid);letter-spacing:.12em;text-transform:uppercase;color:#fff;pointer-events:none;box-shadow:0 1px 2px rgb(7 17 31 / .25)}.cmp-tag-b{left:14px;background:rgb(9 16 28 / .82)}.cmp-tag-a{right:14px;background:var(--blue)}.cmp-cap{display:grid;gap:4px}.cmp-cap b{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--t-mono);font-weight:var(--w-mid);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.cmp-cap b::before{content:"";width:10px;height:10px;background:var(--ink-3);flex:none}.cmp-cap-a b::before{background:var(--blue)}.cmp-cap span{font-size:var(--t-body);font-weight:var(--w-bold);color:var(--text);letter-spacing:var(--tr-text)}.cmp-stage{position:relative;overflow:hidden;isolation:isolate}.cmp-side{position:relative;display:block}.cmp-slider.is-live .cmp-before{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--cmp, 50%)) 0 0)}.cmp-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}.cmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%}.cmp-range::-moz-range-thumb{width:44px;height:100%;border:0}.cmp-handle{position:absolute;top:0;bottom:0;left:var(--cmp,50%);z-index:3;width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px rgb(7 17 31 / .18)}.cmp-handle span{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:1px solid var(--line-2);box-shadow:var(--lift-2);display:grid;place-items:center}.cmp-handle span::before,.cmp-handle span::after{content:"";position:absolute;top:50%;width:8px;height:8px;border:solid var(--ink);border-width:0 0 2px 2px;transform:translateY(-50%) rotate(45deg);left:12px}.cmp-handle span::after{left:auto;right:12px;transform:translateY(-50%) rotate(-135deg)}.cmp-range:focus-visible+.cmp-handle span{outline:3px solid var(--focus);outline-offset:3px}.cmp-hint{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);z-index:3;padding:6px 12px;border-radius:var(--radius-pill);background:rgb(9 16 28 / .82);color:#fff;font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;transition:opacity var(--d-state) var(--ease)}.cmp-slider.is-used .cmp-hint{opacity:0}.cmp-slider:not(.is-live) .cmp-range,.cmp-slider:not(.is-live) .cmp-handle,.cmp-slider:not(.is-live) .cmp-hint{display:none}.cmp-slider:not(.is-live) .cmp-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-slider:not(.is-live) .cmp-before{order:-1;border-right:1px solid var(--rule)}.cmp-slider:not(.is-live) .cmp-tag-a{right:auto;left:14px}.cmp-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6);margin-top:var(--s6)}.cmp-caps .cmp-cap-a{justify-self:end;text-align:right}.cmp-caps .cmp-cap-a b{flex-direction:row-reverse}@media (max-width:40em){.cmp-caps{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.cmp-caps .cmp-cap-a{justify-self:start;text-align:left}.cmp-caps .cmp-cap-a b{flex-direction:row}.cmp-handle span{width:40px;height:40px}.cmp-tag{bottom:10px;padding:5px 10px}.cmp-tag-b{left:10px}.cmp-tag-a{right:10px}}.sec-head+.cmp,.sec-head+.shots,.sec-head+.pfacts{margin-top:var(--s10)}.cmp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px, 2.8vw, 40px);align-items:start}.cmp-pair figure{margin:0;min-width:0}.cmp-pair figcaption{margin-top:var(--s5)}.cmp-pair .cmp-shot{position:relative}.cmp-phone{grid-template-columns:repeat(2,minmax(0,320px));justify-content:center}@media (max-width:47.5em){.cmp-pair:not(.cmp-phone){grid-template-columns:minmax(0,1fr);gap:var(--s9)}.cmp-phone{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.cmp-phone .pframe{border-width:5px}.cmp-phone .pframe .cmp-shot{border-radius:calc(var(--radius-feature) - 5px)}}.cmp-tall.is-clamped .cmp-shot{max-height:clamp(520px, 72vh, 860px);overflow:hidden}.cmp-tall.is-clamped .cmp-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(to bottom,#fff0,var(--paper) 92%);pointer-events:none}.cmp-tall .cmp-more{grid-column:1 / -1;display:flex;justify-content:center;margin-top:var(--s2)}.cmp-tall .cmp-more [hidden]{display:none}.shots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(24px, 3vw, 44px) clamp(20px, 2.6vw, 36px);align-items:start}.shots figure{margin:0;min-width:0}.shot-wide{grid-column:span 6}.shot-half{grid-column:span 3}.shot-third{grid-column:span 2}.shot-third .pframe{max-width:320px;margin-inline:auto}.shot-third .shot-cap{max-width:320px;margin-inline:auto}.shot-cap{margin-top:var(--s5);display:grid;gap:var(--s2)}.shot-cap b{font-size:var(--t-h4);font-weight:var(--w-semi);letter-spacing:var(--tr-h4);color:var(--text)}.shot-cap span{font-size:var(--t-sm);color:var(--text-dim);line-height:1.5;max-width:48ch}@media (max-width:47.5em){.shot-half{grid-column:span 6}.shot-third{grid-column:span 3}.shot-third .pframe{border-width:5px}.shot-third .pframe .cmp-shot{border-radius:calc(var(--radius-feature) - 5px)}.shot-third .shot-cap b{font-size:var(--t-body)}.shot-third .shot-cap span{font-size:var(--t-xs)}}.pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s6) var(--s8);margin:0}.pfacts>div{border-top:1px solid var(--rule);padding-top:var(--s4);min-width:0}.pfacts dt{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.pfacts dd{margin:var(--s2) 0 0;font-size:var(--t-body);color:var(--text);line-height:1.45;overflow-wrap:anywhere}.pfacts dd a{color:var(--link);text-decoration:underline;text-underline-offset:.18em}