.brutal .ct{--fh: min(58vh, 600px);--lw: clamp(112px, 9.5vw, 176px);--gap: clamp(10px, 1.1vw, 18px);--side: clamp(16px, 4vw, 64px);position:relative}.brutal .ct-wrap{position:relative;background:var(--ink);color:var(--bone)}.brutal .ct-pin{position:relative;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:34px 0 26px;overflow:hidden;overflow:clip}.brutal .ct.ct-pinned .ct-pin{position:sticky;top:0;height:100vh;height:100svh;padding:84px 0 24px}.brutal .ct-strip{position:relative;display:flex;align-items:center;gap:var(--gap);padding:34px var(--side) 48px;scroll-padding-inline:var(--side);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect x='8' y='2' width='12' height='10' rx='2.5' fill='%23efe8d8' fill-opacity='.16'/%3E%3C/svg%3E") 0 9px / 28px 14px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect x='8' y='2' width='12' height='10' rx='2.5' fill='%23efe8d8' fill-opacity='.16'/%3E%3C/svg%3E") 0 calc(100% - 9px) / 28px 14px repeat-x,#0d0a09;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;background-attachment:local}.brutal .ct-strip::-webkit-scrollbar{display:none}.brutal .ct.ct-pinned .ct-strip{width:max-content;overflow:visible;scroll-snap-type:none;will-change:transform}.brutal .ct-roll{display:flex;align-items:center;gap:var(--gap);flex:none}.brutal .ct-roll>*,.brutal .ct-end{scroll-snap-align:start}.brutal .ct-leader{position:relative;flex:none;align-self:stretch;width:var(--lw);min-height:var(--fh);background:#efe8d8 var(--ink-field) var(--fx) var(--fy) / 460% auto no-repeat;overflow:hidden}.brutal .ct-leader-n{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-family:var(--display);font-size:calc(var(--lw) * .54);line-height:1;color:var(--bone);-webkit-text-stroke:max(1.2px,.014em) var(--ink);paint-order:stroke fill;filter:drop-shadow(max(2.5px,.035em) max(2.5px,.035em) 0 var(--ink))}.brutal .ct-leader-tag{position:absolute;left:10px;bottom:12px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-shadow:var(--keyline)}.brutal .ct-card{flex:none;width:clamp(300px,27vw,430px);min-height:var(--fh);display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;border:1px solid rgba(239,232,216,.18);background:var(--ink)}.brutal .ct-sector,.brutal .ct-client{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.7}.brutal .ct-card h3{font-family:var(--display);font-size:clamp(34px,3.2vw,56px);line-height:.92;text-transform:uppercase;margin:2px 0 0}.brutal .ct-blurb{font-size:12.5px;line-height:1.55;opacity:.72;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.brutal .ct-stats{margin:auto 0 0;display:grid;gap:8px}.brutal .ct-stats div{display:flex;align-items:baseline;gap:12px;border-top:1px solid rgba(239,232,216,.14);padding-top:8px}.brutal .ct-stats dt{font-family:var(--display);font-size:clamp(20px,1.7vw,28px);line-height:1;color:var(--red-lit);min-width:3.2em}.brutal .ct-stats dd{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.brutal .ct-case{align-self:flex-start;margin-top:6px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:13px 18px;background:var(--bone);color:var(--ink);box-shadow:3px 3px 0 var(--red-hot);transition:background .2s,color .2s,transform .2s}.brutal .ct-case:hover{background:var(--red-hot);color:var(--bone);transform:translate(-1px,-1px)}@media(max-height:800px){.brutal .ct-blurb{display:none}}.brutal .ct-frame{--h: var(--fh);position:relative;flex:none;margin:0;height:var(--h);width:calc(var(--h) * var(--ar))}.brutal .ct-media-link{display:block;width:100%;height:100%}.brutal .ct-media{display:block;width:100%;height:100%;object-fit:contain}.brutal .ct-edge{position:absolute;left:0;top:calc(100% + 7px);max-width:100%;display:flex;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;transition:opacity .25s}.brutal .ct-no{color:var(--red-lit);flex:none}.brutal .ct-cap{overflow:hidden;text-overflow:ellipsis}.brutal .ct-edge.short .ct-more{display:none}.brutal .ct-frame:hover .ct-edge,.brutal .ct-frame:focus-within .ct-edge{opacity:.9}.brutal .ct-media-link:focus-visible,.brutal .ct-case:focus-visible,.brutal .ct-end a:focus-visible{outline:2px solid var(--red-hot);outline-offset:3px}.brutal .ct-strip:focus-visible{outline:1px solid rgba(239,232,216,.3);outline-offset:-6px}.brutal .ct-end{flex:none;width:clamp(360px,42vw,700px);min-height:var(--fh);display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 clamp(24px,4vw,70px);border:1px dashed rgba(239,232,216,.22)}.brutal .ct-end-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin:0}.brutal .ct-end h3{font-family:var(--display);font-size:clamp(48px,6vw,110px);line-height:.88;text-transform:uppercase;margin:0}.brutal .ct-red{color:var(--red-hot)}.brutal .ct-end-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px}.brutal .ct-end .btn{background:var(--bone);color:var(--ink);border-color:var(--bone)}.brutal .ct-end .btn:hover{background:var(--red-hot);border-color:var(--red-hot);color:var(--bone)}.brutal .ct-end-link{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--red-hot);padding-bottom:3px}.brutal .ct-scrub{position:relative;display:flex;flex-wrap:wrap;gap:4px clamp(14px,2.2vw,36px);padding:12px var(--side) 0}.brutal .ct-scrub-track{position:absolute;left:var(--side);right:var(--side);top:0;height:1px;background:#efe8d829}.brutal .ct-scrub-fill{display:block;height:100%;background:var(--red-hot);transform-origin:left;transform:scaleX(0)}.brutal .ct-go{background:none;border:0;padding:6px 0;color:#efe8d8b3;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .2s}.brutal .ct-go b{color:var(--red-lit);margin-right:6px}.brutal .ct-go:hover,.brutal .ct-go.on{color:var(--bone)}.brutal .ct-go:focus-visible{outline:1px solid var(--red-hot);outline-offset:4px}@media(max-width:860px){.brutal .ct{--fh: min(42svh, 400px);--lw: 88px;--side: 16px}.brutal .ct-frame{--h: min(var(--fh), calc((100vw - 2 * var(--side)) / var(--ar)))}.brutal .ct-card{width:min(78vw,360px)}.brutal .ct-end{width:min(84vw,480px)}.brutal .ct-scrub{gap:2px 16px}.brutal .ct-go{font-size:11px;letter-spacing:.14em}}@media(max-width:600px){.brutal .ct{--fh: min(40svh, 300px);--lw: 76px}.brutal .ct-leader-n{top:24%}.brutal .ct-card{padding:16px 18px 18px;gap:9px}.brutal .ct-card h3{font-size:26px}.brutal .ct-blurb{display:none}.brutal .ct-stats{gap:5px}.brutal .ct-stats div{padding-top:5px}.brutal .ct-stats dt{font-size:18px}.brutal .ct-case{margin-top:2px;padding:10px 14px;font-size:11px}.brutal .ct-end{gap:12px;padding:0 22px}.brutal .ct-end h3{font-size:40px}.brutal .ct-end-actions{gap:10px 18px;margin-top:2px}}
