.pixel-person{display:block;width:56px;height:94px;position:relative;background:linear-gradient(90deg,transparent 9px,var(--shirt) 9px,var(--shirt) 47px,transparent 47px);background-size:100% 39px;background-position:0 42px;background-repeat:no-repeat}.pixel-person:before{content:'';position:absolute;top:0;left:6px;width:44px;height:43px;background:#e7b8a0;box-shadow:5px 0 #bd8e7d,inset 0 8px var(--hair)}.pixel-person:after{content:'';position:absolute;top:78px;left:9px;width:14px;height:22px;background:#51455d;box-shadow:24px 0 #51455d}.pixel-person i{position:absolute;top:21px;left:17px;width:5px;height:6px;background:#433448;box-shadow:17px 0 #433448;z-index:1}.pixel-person b{position:absolute;top:50px;left:0;width:9px;height:28px;background:var(--shirt);box-shadow:47px 0 var(--shirt)}.creative{--shirt:#d98cab;--hair:#5e4556}.technology{--shirt:#7eaa97;--hair:#5c5144}.production{--shirt:#9a84b0;--hair:#69554d}.probably .brain{width:100px;height:100px;margin-bottom:-6px}
.premise-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:12px 0 44px}.premise-lead h1{margin:0;max-width:520px}.premise-lead>p{font-size:18px;color:var(--muted);max-width:360px;margin:26px 0 30px}.premise-lead .watch{display:inline-flex;gap:20px}.party-scene{position:relative;min-height:440px;background:#ede4ee;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;padding:0 20px 76px}.party-sun{position:absolute;width:62px;height:62px;right:38px;top:42px;background:#f7e9bc;box-shadow:0 0 0 12px #f7e9bc40}.party-cloud{position:absolute;left:38px;top:68px;width:78px;height:18px;background:var(--cream);box-shadow:22px -14px var(--cream),45px 8px var(--cream)}.party-ground{position:absolute;bottom:0;left:0;right:0;height:118px;background:#a6bd9d;border-top:14px solid var(--mint);box-shadow:0 20px 0 #b2c6a3 inset}.party-ground:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:30px;background:#8b9b80}.party{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 12px;width:100%;position:relative;z-index:1}.brother{display:flex;flex-direction:column;align-items:center;gap:20px}.brother>span:last-child{font-size:10px;color:var(--ink);white-space:nowrap;background:var(--cream);padding:6px 8px;border-radius:4px}.party .probably{grid-column:1/-1;grid-row:1;justify-self:center;margin-bottom:14px}.party .probably .brain{width:80px;height:80px;margin:0}.party .probably>span:last-child{background:var(--pink)}.premise-note{display:grid;grid-template-columns:40px 1fr auto;gap:24px;align-items:center;padding:34px 0 12px}.premise-note p{margin:0;max-width:650px;color:var(--muted);font-size:16px}.note-spark{font-size:32px;color:var(--purple)}.premise-note .text-link{font-size:12px;white-space:nowrap}
@media(max-width:1000px){.premise-stage{gap:28px;grid-template-columns:1fr 1fr}.premise-lead h1{font-size:44px!important}.party-scene{padding-left:12px;padding-right:12px}.brother>span:last-child{font-size:9px;padding:5px}.premise-note{grid-template-columns:28px 1fr}.premise-note .text-link{grid-column:2}}
@media(max-width:700px){.premise-stage{grid-template-columns:1fr;padding:0 0 20px;gap:36px}.premise-lead h1{font-size:40px!important}.premise-lead>p{font-size:16px;margin:20px 0 26px}.party-scene{min-height:390px;padding-bottom:60px}.party-ground{height:102px}.premise-note{gap:14px;padding:22px 0 0}.premise-note p{font-size:14px}.note-spark{align-self:start}.party .probably{margin-bottom:5px}}

.premise-note .text-link{border:0;width:max-content;display:inline-flex;gap:12px;padding:0}

/* The brothers: distinct heights, shared ground line. */
.party{align-items:end}.technology .pixel-person{transform:scaleY(1.12);transform-origin:center bottom}.production .pixel-person{transform:scaleY(.9);transform-origin:center bottom}.creative .pixel-person i:after,.production .pixel-person i:after{content:"";position:absolute;left:0;top:12px;width:22px;height:5px;background:var(--hair);clip-path:polygon(0 25%,35% 25%,50% 0,65% 25%,100% 25%,100% 100%,60% 100%,50% 75%,40% 100%,0 100%)}

/* Bold pixel handlebars, with raised tips and a central part. */
.creative .pixel-person i:after,.production .pixel-person i:after{left:-5px;top:10px;width:32px;height:10px;clip-path:polygon(0 0,13% 0,13% 40%,25% 40%,38% 20%,47% 20%,50% 40%,53% 20%,62% 20%,75% 40%,87% 40%,87% 0,100% 0,100% 70%,87% 100%,66% 100%,50% 70%,34% 100%,13% 100%,0 70%)}

/* Simple squared arch: flat top and downward ends. */
.creative .pixel-person i:after,.production .pixel-person i:after{left:-3px;top:11px;width:28px;height:9px;clip-path:polygon(0 0,100% 0,100% 100%,79% 100%,79% 44%,21% 44%,21% 100%,0 100%)}

/* A subtle mouth pixel beneath each mustache. */
.creative .pixel-person i:before,.production .pixel-person i:before{content:"";position:absolute;left:9px;top:17px;width:4px;height:3px;background:#f5d4b5;z-index:2}

/* Cream foam front, forest mesh sides and a flat pixel brim. */
.creative .trucker-hat{position:absolute;z-index:3;left:4px;top:-10px;width:48px;height:19px;background:#527b65;clip-path:polygon(0 5px,6px 5px,6px 0,42px 0,42px 5px,48px 5px,48px 19px,0 19px)}
.creative .trucker-hat:before{content:"";position:absolute;left:9px;top:0;width:28px;height:15px;background:#faf0d6;box-shadow:inset 0 4px #fff8e8}
.creative .trucker-hat:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:5px;background:#385b49}

/* Left-facing brim, extending beyond the crown. */
.creative .trucker-hat{clip-path:none;border-radius:0}
.creative .trucker-hat:after{left:-12px;bottom:0;width:60px;height:5px;background:#385b49;box-shadow:-3px 3px 0 -1px #385b49}

/* Simple cream crown and soft mint brim. */
.creative .trucker-hat{background:#faf0d6}
.creative .trucker-hat:before{display:none}
.creative .trucker-hat:after{left:-12px;bottom:0;width:60px;height:5px;background:#a4dfca;box-shadow:none}

.probably-about{grid-column:2;max-width:650px}.probably-about h2{font-size:22px;margin:8px 0 14px}.probably-about p{margin:0}.premise-note>.text-link{grid-column:2;grid-row:3}