@font-face{font-family:Space;src:url('assets/font-1.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('assets/font-4.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f7f7f2;--ink:#181a1c;--muted:#676760;--pad:clamp(20px,4vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:pan-y}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}[hidden]{display:none!important}::selection{background:#d7ff44;color:#181a1c}.pad{padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 18px;background:#181a1c;color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.wordmark{font-weight:700;font-size:25px;letter-spacing:-1.2px;line-height:.98;display:inline-block}.wordmark span{color:#7755ff}.wordmark:hover{text-decoration:none}nav{display:flex;gap:38px;font-size:14px}nav a{padding-block:15px}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:7px;background:var(--ink);padding:7px;height:clamp(480px,73svh,880px);margin-inline:12px;isolation:isolate}.tile{border:0;border-radius:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;isolation:isolate;user-select:none;-webkit-user-select:none;container-type:inline-size}.tile:disabled{opacity:1;cursor:default}.tile:focus-visible{outline:3px solid #fff;outline-offset:-7px;z-index:3}.tile img{pointer-events:none}.tile-meta{position:absolute;inset:auto 20px 16px;display:flex;justify-content:space-between;gap:12px;z-index:6;text-align:left;font-size:11px;letter-spacing:.015em;line-height:1.3;color:inherit;pointer-events:none}.gesture{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;text-align:right}.tile:hover .gesture,.tile:focus-visible .gesture{opacity:1;transform:none}
.lyntris{grid-column:1/7;grid-row:1/4;background:#171625;color:white}.lyntris-mark{width:68%;z-index:2;transform:translate(calc(var(--px,0)*8px),calc(var(--py,0)*5px));transition:transform .45s,opacity .5s,filter .35s}.lyntris-grid{position:absolute;inset:0;background-image:linear-gradient(#9d84ff18 1px,transparent 1px),linear-gradient(90deg,#9d84ff18 1px,transparent 1px);background-size:42px 42px;opacity:.35;transform:scale(1.05);transition:opacity .4s}.lyntris-scan{position:absolute;inset:-30%;background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#8965ff90,transparent 48%);transition:opacity .5s;opacity:.25}.lyntris:hover .lyntris-grid{opacity:.95}.lyntris:hover .lyntris-scan{opacity:1}.lyntris-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:0;transform:scale(1.12);transition:opacity .6s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.lyntris.revealed .lyntris-photo{opacity:1;transform:scale(1)}.lyntris.revealed .lyntris-mark{opacity:0;filter:blur(8px)}.lyntris.revealed .tile-meta{padding:8px 10px;background:#171625d9;inset:auto 12px 12px;width:max-content;max-width:calc(100% - 24px)}
.bangarang{grid-column:7/10;grid-row:1/5;background:var(--b-bg,#00ed99);color:var(--b-ink,#080908);transition:background .6s,color .6s}.b-wrap{position:absolute;width:142%;aspect-ratio:1;left:-21%;top:47%;transform:translateY(-50%)}#b-liquid{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}#b-fallback{position:absolute;width:62%;height:72%;object-fit:contain;top:14%;left:19%;transition:opacity .3s,transform .5s}.b-ready #b-liquid{opacity:1}.b-ready #b-fallback{opacity:0}.b-wordmark{position:absolute;bottom:56px;left:12%;width:76%;height:auto;z-index:4}.bangarang.light-ink .b-wordmark{filter:invert(1)}.bangarang .tile-meta{inset-inline:15px}.bangarang.poked #b-fallback{animation:squish .65s cubic-bezier(.3,1.8,.3,1)}
.cinq{grid-column:10/13;grid-row:1/3;background:#36265f;color:white;transition:background .5s}.cinq>img{width:73%;z-index:2}.care-rings{position:absolute;inset:0;pointer-events:none}.care-rings i{position:absolute;width:44%;aspect-ratio:1;top:50%;left:21%;transform:translate(-50%,-50%) scale(.1);border:1px solid #ff773b;opacity:0;border-radius:50%}.cinq.pulse .care-rings i{animation:care 1.7s ease-out both}.cinq.pulse .care-rings i:nth-child(2){animation-delay:.12s}.cinq.pulse .care-rings i:nth-child(3){animation-delay:.24s}.cinq.pulse .care-rings i:nth-child(4){animation-delay:.36s}.cinq.pulse .care-rings i:nth-child(5){animation-delay:.48s}.cinq.pulse>img{animation:heartbeat .85s ease-in-out}.cinq.warm{background:#63345e}
.winwin{grid-column:10/13;grid-row:3/5;background:#ff88b7;color:#0a255b;transition:background .6s}.winwin-mark{width:60%;max-height:76%;object-fit:contain;transform:rotate(-7deg);transition:transform .65s cubic-bezier(.2,1.2,.3,1),opacity .3s;z-index:2}.winwin:hover .winwin-mark{transform:rotate(3deg) scale(1.04)}.winwin-pack{position:absolute;width:150%;height:150%;max-width:none;object-fit:contain;transform:translateY(90%) rotate(12deg);opacity:0;transition:transform .8s cubic-bezier(.2,1.1,.3,1),opacity .3s;z-index:3}.winwin.opened{background:#a8f367}.winwin.opened .winwin-mark{opacity:0;transform:translateY(-80%) rotate(-20deg) scale(.6)}.winwin.opened .winwin-pack{transform:translateY(13%) rotate(-7deg);opacity:1}.nothing{position:absolute;top:8%;left:0;width:100%;font-weight:700;font-size:13cqw;line-height:.9;letter-spacing:-.06em;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s;z-index:4}.winwin.opened .nothing{opacity:1;transform:none}
.gather{grid-column:1/7;grid-row:4/7;background:#f0ede2;color:#303f70;transition:background .3s}
.outlaw{grid-column:7/10;grid-row:5/7;background:#ffdf00;color:#a42608}.outlaw-art{position:absolute;inset:0;width:100%;height:calc(100% - 22px);pointer-events:none;overflow:visible}.outlaw-stroke{stroke-dasharray:1;stroke-dashoffset:0}.outlaw-finish{opacity:1}.outlaw.painting .outlaw-stroke{animation:outlaw-write var(--time) cubic-bezier(.4,0,.3,1) var(--start) both}.outlaw.painting .outlaw-finish{animation:outlaw-finish .22s ease-out 2.55s both}.outlaw .tile-meta{inset:auto 12px 10px}.outlaw .gesture{display:inline}.outlaw .tile-meta{font-size:10px}.outlaw .tile-meta>span{background:#ffdf00;box-shadow:0 0 4px 3px #ffdf00}
@keyframes outlaw-write{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes outlaw-finish{from{opacity:0}to{opacity:1}}

/* Connect the points by revealing the original Harbinger mark, not a redraw. */
.harbinger{grid-column:10/13;grid-row:5/7;background:#262929;color:#f3e02c;touch-action:pan-y}
.harbinger:hover{text-decoration:none}
.harbinger-art{position:absolute;top:8%;height:68%;width:76%;overflow:visible;pointer-events:none}
.harbinger-link{display:flex;gap:7px;align-items:center}
.harbinger-link>span{display:inline-block;transition:transform .25s}
.harbinger:hover .harbinger-link>span,.harbinger:focus-visible .harbinger-link>span{transform:translate(2px,-2px)}
.h-node{transform-box:fill-box;transform-origin:center}
.h-connection{stroke-dasharray:1;stroke-dashoffset:0}
.h-complete{opacity:1}
.harbinger.connecting .h-node{animation:harbinger-dot .58s cubic-bezier(.2,.7,.3,1) var(--dot-delay) both}
.harbinger.connecting .h-connection{animation:harbinger-connect .72s cubic-bezier(.65,0,.35,1) var(--connect-delay) both}
.harbinger.connecting .h-complete{animation:harbinger-complete .12s ease-out 1.6s both}
@keyframes harbinger-dot{0%{transform:scale(.16);opacity:.4}30%{opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes harbinger-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes harbinger-complete{from{opacity:0}to{opacity:1}}
/* On touch/small screens, give the automatic sequence a little more room. */
@media(max-width:700px),(hover:none),(pointer:coarse){
.harbinger.connecting .h-node{animation-duration:.7s}
.harbinger.connecting .h-connection{animation-duration:1.05s}
.harbinger.connecting .h-complete{animation-delay:2s}
.harbinger.connecting .harbinger-art{animation:harbinger-lift 2.2s ease-in-out both}
.harbinger.connecting .harbinger-link>span{animation:harbinger-arrow 2.2s ease-in-out both}
}
@keyframes harbinger-lift{0%,100%{transform:scale(1)}45%{transform:scale(1.055)}}
@keyframes harbinger-arrow{0%,65%,100%{transform:translate(0,0)}80%{transform:translate(3px,-3px)}}
.paused .harbinger-link>span{transform:none}

.playbar{display:flex;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px}.playbar button{padding:5px 0;border:0;border-bottom:1px solid #999;background:none;font-size:12px}.thinking{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-block:100px 110px}.thinking h2{font-weight:400;font-size:clamp(38px,4.8vw,77px);line-height:1.02;letter-spacing:-.055em}.belief{font-size:clamp(23px,2.4vw,37px);line-height:1.2;letter-spacing:-.04em}.categories{margin-top:27px;max-width:40ch;color:#5d5e58;font-size:16px;line-height:1.55}
.robinson{background:#171a18;color:#f5f5ed}.section-line{display:flex;justify-content:space-between;gap:24px;padding-block:25px;font-size:12px;letter-spacing:.01em}.film{position:relative;aspect-ratio:16/8.6;background:#101310;overflow:hidden}.film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:16/9}.film-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:4% var(--pad);pointer-events:none;background:linear-gradient(90deg,#0c1a183d,transparent 65%)}.film-overlay h2{font-size:clamp(64px,10.5vw,170px);line-height:.82;letter-spacing:-.06em;font-weight:700}.film-overlay button{display:flex;align-items:center;gap:16px;pointer-events:auto;border:1px solid #fff8;background:#161a1880;backdrop-filter:blur(8px);color:#fff;padding:15px 23px;font-size:15px;border-radius:0}.play-symbol{font-size:15px}.film-length{margin-left:18px;font-size:12px;opacity:.65}#preview-motion{position:absolute;right:var(--pad);bottom:4%;color:#fff;background:#171a1880;border:1px solid #fff6;padding:10px 14px;font-size:12px}.film.full-film{aspect-ratio:16/9}.film.full-film video{object-fit:contain}.film-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:47px 60px}.film-copy h3{font-weight:400;font-size:clamp(27px,3.2vw,48px);letter-spacing:-.045em;line-height:1.1}.film-copy>div{max-width:620px}.film-copy p{font-size:17px;line-height:1.6}.film-copy .provenance{font-size:12px;color:#b4b6b0;line-height:1.55;margin-top:20px;max-width:56ch}.quiet-link{font-size:13px;display:inline-block;border-bottom:1px solid #777;margin-top:16px;padding-bottom:2px}
.popeyes{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding-block:105px}.cone img{width:100%;height:auto;mix-blend-mode:multiply}.cone figcaption{font-size:11px;display:flex;justify-content:space-between;gap:15px;color:#69695f;margin-top:18px}.popeyes h2{font-size:clamp(39px,4.6vw,73px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin-bottom:28px}.popeyes-copy>p{font-size:17px;line-height:1.6;max-width:37ch}.popeyes-copy>p+p{margin-top:20px}.popeyes-copy .closer{font-size:21px;letter-spacing:-.025em}
.highlights{padding-bottom:95px}.highlights-heading{border-top:1px solid #cecec4;padding-top:30px;margin-bottom:28px;display:flex;justify-content:space-between;align-items:baseline;gap:25px}.highlights-heading h2{font-size:28px;letter-spacing:-.04em;font-weight:400}.highlights-heading>span{font-size:12px;color:var(--muted)}.highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.highlight-grid img{width:100%;aspect-ratio:1.1;object-fit:cover}.highlight-grid article:nth-child(1) img{object-position:55% center}.highlight-grid article:nth-child(2) img{object-position:47% center}.highlight-grid p{font-size:12px;color:#64645e;margin-top:17px;line-height:1.4}.highlight-grid h3{font-size:clamp(20px,1.85vw,29px);line-height:1.13;letter-spacing:-.04em;font-weight:400;margin-top:8px}.highlights-note{font-size:11px;line-height:1.5;color:#73736a;margin-top:30px}
.company{padding-block:55px 25px;background:#d7ff44}.company-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-start}.company-intro p{max-width:47ch;font-size:16px}.conversation{display:block;width:max-content;max-width:100%;font-size:clamp(46px,8vw,130px);line-height:.98;letter-spacing:-.06em;margin-block:70px}.conversation:hover{text-decoration:none;opacity:.65}.footer-line{display:flex;justify-content:space-between;gap:25px;font-size:12px;border-top:1px solid #181a1c55;padding-top:22px}.footer-line a{overflow-wrap:anywhere}
@keyframes care{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes heartbeat{0%,100%{transform:scale(1)}20%{transform:scale(1.08)}38%{transform:scale(1)}55%{transform:scale(1.05)}}@keyframes squish{0%,100%{transform:scale(1)}30%{transform:scale(1.2,.8) rotate(-5deg)}65%{transform:scale(.9,1.12)}}
.paused *{animation:none!important;transition:none!important}.paused .lyntris-mark{transform:none}.paused .winwin-mark{transform:rotate(-7deg)}
@media(min-width:1800px){.mosaic{max-width:1900px;margin-inline:auto}.pad{padding-inline:max(var(--pad),calc((100vw - 1760px)/2))}}
@media(max-width:1050px){.outlaw .gesture{display:none}.tile-meta{inset-inline:14px}.gesture{display:none}.b-wordmark{bottom:50px}.thinking{padding-block:75px 85px;gap:35px}.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.highlight-grid img{aspect-ratio:1.55}.highlight-grid h3{font-size:28px}.popeyes{gap:4%;padding-block:80px}.popeyes-copy>p{font-size:16px}}
@media(max-width:700px){.header{min-height:86px;gap:18px}.wordmark{font-size:21px;letter-spacing:-1px}nav{gap:23px;font-size:13px}nav a:first-child{display:none}.mosaic{height:auto;min-height:0;margin-inline:7px;padding:5px;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr)) .82fr;aspect-ratio:1/2.08}.lyntris{grid-column:1/3;grid-row:1}.bangarang{grid-column:1;grid-row:2/4}.cinq{grid-column:2;grid-row:2}.winwin{grid-column:2;grid-row:3}.gather{grid-column:1;grid-row:4}.outlaw{grid-column:2;grid-row:4;min-height:0}.harbinger{grid-column:1/3;grid-row:5}.harbinger-art{height:72%;top:4%}.lyntris-mark{width:65%}.lyntris-photo{object-position:50% 58%}.b-wrap{width:156%;left:-28%;top:46%}.b-wordmark{width:78%;left:11%;bottom:42px}.tile-meta{inset:auto 12px 11px;font-size:10px}.bangarang .tile-meta{inset-inline:12px;font-size:10px}.cinq>img{width:79%}.winwin-mark{width:65%}.winwin-pack{width:170%;height:135%}.winwin.opened .winwin-pack{transform:translateY(15%) rotate(-7deg)}.nothing{font-size:13cqw;top:9%}.outlaw-art{width:100%;height:calc(100% - 22px);top:0}.outlaw .tile-meta{font-size:10px;inset-inline:8px}.outlaw .gesture{display:none}.playbar{font-size:11px;padding-top:11px}.playbar button{font-size:11px}.thinking{grid-template-columns:1fr;gap:29px;padding-block:56px 64px}.thinking h2{font-size:clamp(38px,8.8vw,58px)}.belief{font-size:25px;max-width:22ch}.belief br{display:none}.categories{margin-top:20px;max-width:38ch;font-size:16px}.section-line{font-size:11px;padding-block:19px;gap:15px}.section-line span:last-child{text-align:right;max-width:20ch}.film{aspect-ratio:16/9}.film video{object-position:center}.film-overlay{padding:24px var(--pad);background:linear-gradient(90deg,#101a184a,transparent)}.film-overlay h2{font-size:clamp(48px,12vw,76px);line-height:.86}.film-overlay button{font-size:13px;padding:13px 15px;gap:10px}.film-length{margin-left:5px;font-size:10px}#preview-motion{right:14px;top:14px;bottom:auto;font-size:11px;padding:8px}.film.full-film{aspect-ratio:16/9}.film-copy{grid-template-columns:1fr;gap:25px;padding-block:32px 40px}.film-copy h3{font-size:30px}.film-copy p{font-size:16px}.film-copy .provenance{font-size:12px}.popeyes{grid-template-columns:1fr;gap:30px;padding-block:55px}.cone{margin-inline:-10px}.cone figcaption{padding-inline:10px;font-size:10px}.popeyes h2{font-size:45px;margin-bottom:23px}.popeyes-copy>p{max-width:42ch}.popeyes-copy .closer{font-size:21px}.highlights{padding-bottom:55px}.highlights-heading{padding-top:24px;margin-bottom:24px}.highlights-heading h2{font-size:26px}.highlights-heading>span{display:none}.highlight-grid{gap:27px 15px}.highlight-grid img{aspect-ratio:1}.highlight-grid p{font-size:11px;margin-top:12px}.highlight-grid h3{font-size:21px;line-height:1.1}.highlights-note{font-size:11px;margin-top:25px;max-width:45ch}.company{padding-block:35px 24px}.company-intro{display:block}.company-intro p{margin-top:27px;max-width:40ch}.conversation{font-size:clamp(48px,11vw,75px);margin-block:44px}.footer-line{flex-wrap:wrap;gap:17px;font-size:11px}.footer-line>a:first-child{flex-basis:100%}.footer-line>span{margin-left:auto}}
@media(max-width:370px){nav{gap:17px}.wordmark{font-size:19px}.highlight-grid h3{font-size:19px}.nothing{top:8%}.film-overlay button{font-size:12px}.film-length{display:none}}

.highlight-grid .project-role{font-size:11px;line-height:1.4;margin-top:12px}
.spot-link{display:block;position:relative;color:#fff}.spot-link:hover{text-decoration:none}.spot-link:focus-visible{outline-offset:-5px}.spot-link:hover .spot-play{background:#171a18e6}
.dodge-poster{display:block;position:relative;aspect-ratio:1.1;overflow:hidden;background:#202526;color:#fff}.highlight-grid .dodge-poster img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:scale(1.35);transition:transform .55s}.dodge-poster:hover img{transform:scale(1.4)}.dodge-play,.spot-play{position:absolute;left:14px;bottom:14px;display:flex;gap:10px;align-items:center;padding:9px 12px;background:#171a18b8;border:1px solid #fff7;font-size:12px;backdrop-filter:blur(8px)}.dodge-poster:hover{text-decoration:none}.dodge-poster:focus-visible{outline-offset:-5px}.dodge-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:18px;border:0;background:#171a18;color:#f7f7f2;overflow:auto}.dodge-dialog::backdrop{background:#080b0bee;backdrop-filter:blur(8px)}.dodge-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px}.dodge-dialog h2{font-size:15px;font-weight:400;line-height:1.3}.dodge-dialog button{padding:8px 10px;border:1px solid #fff6;background:none;color:inherit;font-size:12px}.dodge-dialog button span{font-size:18px;padding-left:10px}.dodge-player{width:100%;aspect-ratio:16/9;background:#080908}.dodge-player iframe{display:block;width:100%;height:100%;border:0}.dodge-dialog-caption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:12px;line-height:1.5}.dodge-dialog-caption p{max-width:48ch}.dodge-dialog-caption a{white-space:nowrap;text-decoration:underline}body.film-modal-open{overflow:hidden}
@media(max-width:1050px){.dodge-poster{aspect-ratio:1.55}}@media(max-width:700px){.dodge-poster{aspect-ratio:1}.dodge-play,.spot-play{left:10px;bottom:10px;font-size:10px;padding:7px 9px;gap:7px}.dodge-dialog{padding:12px}.dodge-dialog-caption{display:block;font-size:12px}.dodge-dialog-caption a{display:inline-block;margin-top:12px}.dodge-dialog h2{font-size:13px}}

.brand-involvement{padding-top:32px}
.brand-credits{border-block:1px solid #cecec4}
.brand-credits summary{list-style:none;cursor:pointer;padding-block:20px;touch-action:manipulation}
.brand-credits summary::-webkit-details-marker{display:none}
.brand-credits summary::marker{content:""}
.brand-credits summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.brand-credits summary h2{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:21px;font-weight:400;line-height:1.2;letter-spacing:-.035em}
.credits-arrow{display:inline-block;font-size:25px;line-height:1;transition:transform .2s}
.brand-credits[open] .credits-arrow{transform:rotate(180deg)}
.brand-roles{margin:0;padding-bottom:12px}
.brand-roles>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:baseline;border-top:1px solid #deded5;padding-block:17px}
.brand-roles dt{font-size:17px;line-height:1.4;letter-spacing:-.025em}
.brand-roles dd{margin:0;font-size:16px;line-height:1.5;color:#5d5e58}
.role-status{display:block;font-size:11px;line-height:1.4;letter-spacing:0;color:var(--muted);margin-top:4px}
.brand-purpose{max-width:33ch;font-size:clamp(22px,2.05vw,32px);line-height:1.3;letter-spacing:-.035em}
@media(max-width:700px){.brand-involvement{padding-top:25px}.brand-credits summary{padding-block:18px}.brand-credits summary h2{font-size:20px}.brand-roles>div{grid-template-columns:1fr;gap:7px;padding-block:16px}.brand-roles dt{font-size:17px}.brand-roles dd{font-size:15px;max-width:40ch}.role-status{display:inline-block;margin:0 0 0 8px;font-size:10px}.brand-purpose{font-size:23px;max-width:31ch}}

/* A quiet rollover, with the existing click pulse still intact. */
.cinq>img{transition:transform .35s,filter .35s}
.cinq:is(:hover,:focus-visible){background:#493376}
.cinq.warm:is(:hover,:focus-visible){background:#75416c}
.cinq:is(:hover,:focus-visible)>img{transform:scale(1.045);filter:drop-shadow(0 5px 15px #ff8f4029)}

/* Split the original horizontal lockup so only its bird changes color. */
.gather-lockup{position:absolute;left:13%;top:48%;width:74%;aspect-ratio:520/48;display:flex;align-items:center;gap:1.15%;transform:translateY(-50%);pointer-events:none}
.gather-type{width:78.27%;height:auto}
.gather-logo-bird{display:block;width:20.58%;aspect-ratio:107/48;background:#30316d;mask:url('assets/gather-logo-bird.png') center/contain no-repeat;-webkit-mask:url('assets/gather-logo-bird.png') center/contain no-repeat;transition:transform .3s}
.gather:has(.gather-trigger:is(:hover,:focus-visible)){background:#e9dfd4}
.gather:has(.gather-trigger:is(:hover,:focus-visible)) .gather-logo-bird{animation:gather-colors 3.6s steps(1,end) infinite;transform:translateY(-7%) rotate(-4deg)}
@keyframes gather-colors{0%,100%{background:#5b81f1}25%{background:#f55637}50%{background:#52ae77}75%{background:#f6afc5}}

/* The glass never clears: color and movement remain a deliberately vague hint. */
.bangarang .b-wrap{filter:blur(23px);opacity:.65;transition:filter .6s,opacity .6s}
.bangarang .b-wordmark{filter:blur(15px);opacity:.2}
.bangarang.light-ink .b-wordmark{filter:invert(1) blur(15px)}
.b-glass{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.525;background:linear-gradient(180deg,#f6f9ee75 0%,#e1e8e833 55%,#f5f7f044 100%);backdrop-filter:blur(22px) saturate(.75);-webkit-backdrop-filter:blur(22px) saturate(.75);box-shadow:inset 0 0 0 1px #ffffff85,inset 0 0 45px #f7f8ef55;transition:background .6s,backdrop-filter .6s}
.b-glass::after{content:"";position:absolute;inset:0;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
/* Censor bars sit on the glass; the liquid identity still responds beneath. */
.b-coming{position:absolute;left:7%;right:7%;top:46%;transform:translateY(-35%);z-index:7;font-size:17cqw;font-weight:700;letter-spacing:-.045em;line-height:1;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.b-censor{display:block;background:#101010;color:#fff;padding:.18em .25em .2em;text-align:center;transform:rotate(-5deg)}
.b-censor+.b-censor{width:80%;margin:.16em 0 0 12%;transform:rotate(3deg)}
.bangarang .tile-meta{z-index:8;color:#172334}
.bangarang.glass-tapped .b-wrap{filter:blur(18px);opacity:.8}
.glass-tapped .b-glass{background-color:#edf1e614;backdrop-filter:blur(17px) saturate(.8);-webkit-backdrop-filter:blur(17px) saturate(.8)}
.glass-tapped .b-coming{opacity:1;transform:translateY(-50%)}


/* The easter egg stays in the original mosaic cell. */
.gather-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:none;color:inherit}
.gather-trigger:focus-visible{outline:3px solid #30316d;outline-offset:-7px}
.gather:focus-within .gesture{opacity:1;transform:none}
.gather-game{position:absolute;inset:0;color:#30316d;background:#ede0d6;animation:gather-arrive .35s ease-out}
@keyframes gather-arrive{from{opacity:0}to{opacity:1}}
#gather-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;cursor:pointer}
#gather-canvas:focus-visible{outline:2px solid #30316d}
.gather-score{position:absolute;top:clamp(12px,3cqw,20px);left:clamp(12px,3cqw,20px);font-size:clamp(18px,4cqw,24px);line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.gather-game-controls{position:absolute;right:4px;top:4px;display:flex;gap:0}
.gather-game-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:inherit;font-size:23px;line-height:1;touch-action:manipulation}
.gather-game-controls button:hover{background:#30316d12}
.gather-game-controls button:focus-visible{outline-offset:-4px}
#gather-pause{font-size:15px}
.gather-game-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ede0d685;text-align:center;padding:38px 10px}
.gather-game-message p{font-size:clamp(17px,5cqw,32px);line-height:1.1;letter-spacing:-.04em;background:#ede0d6d9;box-shadow:0 0 25px 8px #ede0d6d9}
.gather-game-message button{border:0;border-radius:0;background:#30316d;color:#f0ede2;min-height:40px;padding:9px 16px;font-size:clamp(12px,3cqw,15px);touch-action:manipulation}
.gather-game-message button:disabled{opacity:.6;cursor:wait}
.gather-game-help{position:absolute;bottom:9px;left:0;right:0;font-size:clamp(10px,2.5cqw,12px);text-align:center;line-height:1.2;pointer-events:none;transition:opacity .6s}
.gather-game-help.faded{opacity:0}
@media(pointer:coarse){.gather-game-controls button{width:44px;height:44px}}
@media(max-width:700px){.gather-lockup{left:8%;width:84%}}
.paused .gather:has(.gather-trigger:is(:hover,:focus-visible)) .gather-logo-bird{background:#5b81f1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gather:has(.gather-trigger:is(:hover,:focus-visible)) .gather-logo-bird{background:#5b81f1;transform:none}}

/* Narrow phones: keep room for Consulting and Let's talk (Company is reachable from the footer) */
@media(max-width:350px){header nav a[href="#company"]{display:none}}